Animated Sewing Machine in Pure CSS
Sewing machine by annampawl on CodePen
Open on CodePen ↗A sewing machine drawn in CSS, with its needle and parts moving as it stitches. annampawl wrote the markup in Pug and the styles in SCSS, which compile to plain HTML and CSS.
animationartborder-radiuslinear-gradient
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