GitHub is home to over 50 million developers working together. Join them to grow your own development teams, manage permissions, and collaborate on projects.
An implementation of Gil Huybrecht “Outdoors” design project powered by layered CSS grids.
A layout with a menu and background image grid that animates to an inner content page.
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
Some ideas for interactive custom cursor animations using SVG filters.
A set of buttons with a magnetic interaction and a hover effect.
A hover effect for a menu where images appear with an animation for each item.
A set of hover effects on menu items with images.
An experimental grid layout slideshow with a stack-like navigation and glitch effect.
Recreation of Thibaud Allie's letter stagger animation.
A motion hover effect for a background grid of images.
A draggable menu that shows a thumbnail preview of an image grid
Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.
A simple infinitely scrollable menu based on the looping scroll illusion of cloned items.
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
An experimental slideshow with an inclined look with three slide previews and a content view on click.
A gooey text hover effect using SVG filters
A rapid layers animation of images as a splash intro or page transition on a website.
A simple CSS based marquee effect for a menu.
Some menu styles and ideas for decorative link distortion effects using SVG filters.
Some ideas for decorative link distortion effects using SVG filters.
Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
Animated rotated overlays, or "reveal" elements for interesting page transition effects.
A set of playful dragging effects for images using various techniques.
A small set of ideas on animating images and other elements while smooth scrolling a page.
Some inspiration and modern ideas for subtle hover effects.
Recreating the grid loading effect as seen on the Samsung Corporate Design Center website.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
Demo of a tutorial on how to add smooth page scrolling with an inner image animation
A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.