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.
☆529Updated 10 years ago
Related projects: ⓘ
- A tutorial on how to create some subtle and modern caption hover effects.☆411Updated 11 years ago
- A collection of dialog effects using CSS (and SVG) animations.☆306Updated 7 years ago
- Some ideas for modern and subtle button styles and effects☆230Updated 9 years ago
- Modern ways of revealing new content using SVG animations.☆643Updated 10 years ago
- Inspiration for revealing content by morphing the action element.☆592Updated 8 years ago
- Simple transitions for web pages☆1,511Updated 8 years ago
- A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking a…☆182Updated 9 years ago
- A tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.☆273Updated 9 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…☆460Updated 5 years ago
- A simple page preloading animation based on the effect seen on [Fontface Ninja](http://fontface.ninja/)☆281Updated 10 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 10 months ago
- A Simple jQuery Plugin for Animating Scroll☆713Updated 2 months ago
- Adding elasticity with SVG shape animations for enhanced UI interactions.☆292Updated 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…☆397Updated 7 years ago
- A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.☆223Updated 9 years ago
- Module that casts photorealistic shadows☆1,055Updated 7 years ago
- A tutorial on how to create a off-canvas icon navigation with an animated border effect.☆273Updated 10 years ago
- Dynamic CSS Rules☆486Updated 6 years ago
- Philter is a JS plugin giving you the power to control CSS filters with HTML attributes.☆447Updated 6 years ago
- An on scroll effect template that animates the sides of sections once they are in the viewport.☆222Updated 11 years ago
- Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)☆320Updated 6 years ago
- A jQuery plugin. Create a scroll line bar indicator on the page.☆211Updated 9 years ago
- A powerful little tool for managing CSS animations☆2,114Updated 7 years ago
- A jQuery tabs module for todays web!☆545Updated 8 years ago
- Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore …☆503Updated 10 years ago
- A simple content slider with depth-like zoom functionality for a predefined area in each slide.☆124Updated 7 years ago
- CSS animations engine☆1,385Updated last year
- Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the…☆211Updated 8 years ago
- A set of simple round icon hover effects with CSS transitions and animations for your inspiration.☆724Updated 3 years ago
- Creating Material Design Ripple Effects with SVG☆90Updated 9 years ago