CSS Doodle
Home
Snippets
CSS Doodle
HTML
CSS
JS
<script src="https://esm.sh/css-doodle/css-doodle.min.js?raw"></script> <css-doodle> <style> @grid: 20x1 / 40vmin / #051d1b; @place: center; @size: @iI(*50%, +50%); filter: drop-shadow(0 0 5px #9bff9b); background: @doodle( @grid: 20x1 / 100%; @size: @r(1%) @r(2%); position: absolute; background: @p(#93ffe4, #84ff92); offset-rotate: auto 90deg; offset-distance: @t( /@r(50%, 500%), +@iI(*100%) ); offset-path: @shape( points: 180; r: cos(4t) ); ); </style> </css-doodle>
html, body { margin: 0; height: 100%; background: #051d1b; display: grid; place-items: center; }
//javascript
Ad #1
Ad #2
Scroll to Top