Gooey effect in pagination using SVG.
Sometimes simple is just as effective as complex.
SVG video mask on text.
Animated SVG Travel Timeline
HTML, CSS and SVG page hopper.
The canvas’s are positioned absolutely, and use the svg css pointer-events property so you don’t have the canvas blocking your clicks.
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)
SVG & CSS Ribbons SVG + CSS Ribbons BY Renato de Leão. codepen See the Pen SVG & CSS Ribbons by Renato de Leão (@ohsimtabem) on CodePen.
Bar Navigation with Flexbox and SVG icons Bar Navigation with Flexbox + SVG icons + jquery.min.js by Chris Coyier. codepen See the Pen Bar Navigation with Flexbox and SVG icons by Chris Coyier
player for GSAP A small, customizable youtube-like player for gsap timelines Demo repo page for a player made for GSAP. codepen See the Pen GSAP Player by Sarah Drasner (@sdras) on CodePen. GitHub
SVG Arrow next previous animation SVG Arrow next previous animation by Karim. codepen See the Pen SVG Arrow next previous animation by Karim (@karimhossenbux) on CodePen.
Simple SVG circle graph with animation Simple SVG-based graph to display percentages. Originally developed for: https://demos.explosion.ai/similarity codepen demo See the Pen 💥 Simple SVG circle graph with animation by Explosion
SVG Loading icons Animated SVG for use as loading animations. codepen demo See the Pen SVG Loading icons by Aurer (@aurer) on CodePen.