codrops / AnimatedSVGIcons
Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons as a practical example.
☆530Updated 11 years ago
Alternatives and similar repositories for AnimatedSVGIcons:
Users that are interested in AnimatedSVGIcons are comparing it to the libraries listed below
- A tutorial on how to create some subtle and modern caption hover effects.☆412Updated 11 years ago
- A tutorial on how to create a off-canvas icon navigation with an animated border effect.☆272Updated 11 years ago
- A simple page preloading animation based on the effect seen on [Fontface Ninja](http://fontface.ninja/)☆284Updated 10 years ago
- A tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.☆271Updated 9 years ago
- How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving w…☆395Updated 7 years ago
- Inspiration for revealing content by morphing the action element.☆593Updated 9 years ago
- A collection of dialog effects using CSS (and SVG) animations.☆309Updated 7 years ago
- Modern ways of revealing new content using SVG animations.☆648Updated 10 years ago
- A jQuery plugin. Create a scroll line bar indicator on the page.☆211Updated 10 years ago
- An on scroll effect template that animates the sides of sections once they are in the viewport.☆224Updated 11 years ago
- Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore …☆504Updated 11 years ago
- A jQuery tabs module for todays web!☆541Updated 9 years ago
- While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin…☆181Updated last year
- A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.☆224Updated 9 years ago
- A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking a…☆185Updated 9 years ago
- Rocket create an animation from two items via jQuery☆161Updated 9 years ago
- A Simple jQuery Plugin for Animating Scroll☆713Updated 3 months ago
- Adding elasticity with SVG shape animations for enhanced UI interactions.☆295Updated 10 years ago
- Simple transitions for web pages☆1,509Updated 8 years ago
- A simple content slider with depth-like zoom functionality for a predefined area in each slide.☆124Updated 7 years ago
- Creating Material Design Ripple Effects with SVG☆91Updated 9 years ago
- A powerful little tool for managing CSS animations☆2,104Updated 7 years ago
- jQuery.html5Loader can preload images, SVGs, html5 video and audio sources, scripts, css, and text files.☆301Updated 7 years ago
- A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuer…☆458Updated 5 years ago
- Public reposity of the ascensor jquery plugin☆359Updated 8 years ago
- stickyNavbar.js: Fancy sticky navigation jQuery plugin with smart anchor link highlighting☆284Updated 2 years ago
- Effect that spreads like a wave in touch or click.☆346Updated 7 years ago
- Fallback for SVG images by automatically creating PNG versions on-the-fly☆593Updated 4 years ago
- Some inspiration for loading effects of grid items using CSS animations.☆512Updated 9 years ago
- Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.☆191Updated 4 years ago