Collation of beautifull effects in CSS/SVG/JS

Here is a list of some the nice effects, interesting ideas and useful components.

Don't reinvent the wheel, have a look and maybe on of the projects can fit in nicely into your development.

Animation about designers

Tech: CSS

Author: @miocene

View code

A horse in motion

Tech: CSS + Variative font

Author: @lorp

View code

Hanoi Tower (try to solve)

Goal - move all discs from the left tower to the right one.

Tech: CSS

Author: @finnhvman

View code

Choose any time of the day

Tech: CSS, SVG, JS

Author: @olivaele

View code

SVG switcher between tabs

Tech: CSS, SVG, JS

Author: @ainalem

View code

Stretch scroll effect

Tech: CSS, JS

Author: @nathantaylor

View code

Interactive SVG mask

Tech: SVG mask, JS

Author: @PointC

View code

Day and Night

Tech: CSS-variables, JS

Author: @CameronFitzwilliam

View code

Hope you liked it.

🔥Join our telegram @thefrontend

*Translated from css-live