A Time to party text Example.
Pure CSS Menu Animation with css only.
The canvas’s are positioned absolutely, and use the svg css pointer-events property so you don’t have the canvas blocking your clicks.
Uses jQuery to add/remove classes and trigger animation only on mouse out.
Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state.
Experimenting with SCSS and Canvas.
Image gallery animation with HTML, CSS and JS.
A simple tabs / accordions solution with jQuery, HTML and CSS.
Post preview with CSS animations and SVG icon sprite.
Canvas: Run Matrix Text A Falling Text Like The Matrix Text BY Airen. codepen See the Pen Canvas: Run Matrix Text by Airen (@airen) on CodePen.
PARTICLES 5 A 2D physics engine PARTICLES 5 Animation. Codepen See the Pen Particles 5 by Marco Dell'Anna (@plasm) on CodePen.
Quote Rotator with Blur Effect A text Quote Rotator with Blur Effect BY Julien Lejeune. codepen See the Pen Quote Rotator with Blur Effect by Julien Lejeune (@jlnljn) on CodePen.
Partly sunny SVG + CSS animation Works fully in WebKit browsers and kind of works for the most part in Firefox. codepen See the Pen Partly sunny SVG + CSS animation by Ana Tudor (@thebabydino)
Reactive Timeframe Concept Drag the range thumb to see the effect. Works best on Chrome (desktop and mobile), and Safari on iPad (oddly enough). Works decently in Firefox, but only because I added
Awesome Bubblesort Animated Animated Bubblesort BY Max. codepen See the Pen Animated Bubblesort by Max (@MyXoToD) on CodePen.
Scroll down icon animation Scroll down icon animation code by Thomas Nägele. codepen See the Pen Scroll down icon animation by Thomas Nägele (@xonic) on CodePen.
Simple waves animations Simple waves animations code by Reunan Le noc. codepen See the Pen Simple waves by Reunan Le noc (@Run1t) on CodePen.
Preloader with Anime.js Decided to give Animate.js a go and had a lot of fun with it. Shoutout to @tamashi and his pen for inspiration. codepen See the Pen Preloader with
CSS Loader animation Loader UI design by Oleg Frolov codepen See the Pen CSS Loader animation by Sonja Strieder (@sonjastrieder) on CodePen.
A Musuem Painting Animated A Musuem Painting Animated only CSS,code BY Damien Flandrin. codepen demo See the Pen A Musuem Painting Animated | CSS by Damien Flandrin (@dam62500) on CodePen.
Complex button concept (CSS animations) Complex button concept (CSS animations) code BY Ivan Bogachev. codepen demo See the Pen Complex button concept (CSS animations) by Ivan Bogachev (@sfi0zy) on CodePen.