Animated Sea Illustration in Pure CSS
Sea drawing by Henry Desroches on CodePen
Open on CodePen ↗A colourful seascape where the water rolls gently in a loop. Henry Desroches wrote the markup in Haml and the styles in SCSS, and it uses no JavaScript.
animationartlinear-gradientborder-radius
The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
More like this
See all →- interactive
by Jhey TompkinsWorking stopwatch
A stopwatch that keeps real time, counted by CSS animationsinteractiveanimation:checkedcounter() - animation
by Kiarash ZarinmehrDancing skeleton
A small skeleton that never stops dancinganimationarttransformborder-radius - animation
by Ricardo Oliva AlonsoPainter
A painter at his easel, drawn and animated in CSSanimationartborder-radiuslinear-gradient