codrops / AnimatedLetters
A plugin that animates an artistic font using Segment, the SVG strokes animation library. By Luis Manuel.
☆141Updated 8 years ago
Related projects: ⓘ
- A draggable slideshow with two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.☆223Updated 9 years ago
- Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the…☆165Updated 10 years ago
- A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments.☆90Updated 7 years ago
- ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic …☆184Updated 6 years ago
- An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-…☆143Updated 7 years ago
- A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.☆182Updated 9 years ago
- A simple content slider with depth-like zoom functionality for a predefined area in each slide.☆124Updated 7 years ago
- Creating an eye catching animation, just using SVG paths and CSS transitions.☆69Updated 7 years ago
- A tutorial on how to create a off-canvas icon navigation with an animated border effect.☆273Updated 10 years ago
- Some inspiration for playful typographical effects and hover interactions on letters.☆220Updated 7 years ago
- A 3D Advent calendar with fun hover effects and background color animations☆123Updated 7 years ago
- A tutorial on how to create some subtle and modern caption hover effects.☆411Updated 11 years ago
- A plugin for creating and animating decorative lines on websites.☆99Updated 7 years ago
- A simple page preloading animation based on the effect seen on [Fontface Ninja](http://fontface.ninja/)☆281Updated 10 years ago
- A set of subtle effects and styles for simple dot navigation.☆193Updated 10 years ago
- Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slid…☆193Updated 8 years ago
- Creating a color palette from images in a fun way using CSS Filters and Vibrant.js☆155Updated 9 years ago
- Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.☆189Updated 3 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
- Some ideas for modern multi-layer page transitions using CSS Animations.☆131Updated 8 years ago
- Demo for the tutorial on how to animate two SVG animals using only CSS (SCSS)☆72Updated 8 years ago
- An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.☆76Updated 8 years ago
- Create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.☆52Updated 9 years ago
- A tutorial on how to create shaded CSS-only progress bars with Sass. By Rafael González.☆95Updated 3 years ago
- Experimental CSS 3D scroll behavior☆419Updated 7 years ago
- A landing page template with a featured content section and background sounds that change according to the view.☆85Updated 8 years ago
- Demo of the tutorial on how to create a simple image poster effect with little image fragments.☆57Updated 7 years ago
- 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
- Uses matrix3d perspective distortions to create 3d scenes in the browser. Inspired by HelloMonday☆145Updated 7 years ago
- A mobile "pull to share" interaction that allows to share a page by using the familiar "pull to refresh" movement. Based on the [action](…☆81Updated 8 years ago