Color Extraction Effect
by Manoela Ilic
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
+ moreby Manoela Ilic
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
+ moreA tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.
+ moreby Manoela Ilic
A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tri
+ moreby Manoela Ilic
A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.
+ moreby Manoela Ilic
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta's script.
+ moreby Manoela Ilic
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.
+ moreby Manoela Ilic
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
+ moreby Manoela Ilic
A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim
+ moreby Manoela Ilic
Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product i
+ moreby Manoela Ilic
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
+ moreby Manoela Ilic
A slider-like layout where the neighboring sections are positioned horizontally next to each other.
+ moreAn interactive particles slideshow experiment built with HTML5 Canvas.
+ moreby Manoela Ilic
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots.
+ moreby Manoela Ilic
A fullscreen background slideshow with autoplay functionality.
+ moreby Manoela Ilic
A simple automatic quotes rotator with progress bar and example media query.
+ moreby Manoela Ilic
A very simple 100% width slider that scales down to mobile.
+ moreby Manoela Ilic
A fluid content slider that will adjust in width and height depending on the size of its parent.
+ moreby Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
+ more