mirig948 Goto Github PK

animatedframeslideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides.

animatedimagecolumns

An experimental layout where image columns get animated when a menu item is clicked.

buildings-wave

:european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax

crossroadsslideshow

An experimental slideshow with an inclined look with three slide previews and a content view on click.

cssmarqueemenu

A simple CSS based marquee effect for a menu.

customcursor

Custom Cursor Demos and Tutorial for Codrops

diagonalthumbnails

A simple slideshow with tilted thumbnails and large titles that animate when navigating.

draggableimagestrip

A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.

draggablemenu

A draggable menu that shows a thumbnail preview of an image grid

exhibition

A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way.

expandingbarmenus

An experimental tab-like navigation that expands a content area when clicked.

flowmap-effect

Mouse Flowmap Deformation with OGL

glitchygrid

An experimental grid layout slideshow with a stack-like navigation and glitch effect.

gooey-hover-codrops

Gooey Hover Effects on Images with Three.js

gooeytexthovereffect

A gooey text hover effect using SVG filters

gridlayoutslideshow

A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.

gridrevealeffects

Some experiments with the new staggering system of Anime.js

gridtofullscreenanimations

A set of grid-to-fullscreen animations with three.js

imagedraggingeffects

A set of playful dragging effects for images using various techniques.

imagetraileffects

A set of effects for mouse-following image trails that show a random series of images.

interactive-particles

magneticbuttons

A set of buttons with a magnetic interaction and a hover effect.

menufullgrid

A layout with a menu and background image grid that animates to an inner content page.

motiontransitioneffect

A speedy motion transition effect for an image slideshow.

polygontransitions

rapidimagehovermenueffects

A set of hover effects on menu items with images.

rapidlayersanimation

A rapid layers animation of images as a splash intro or page transition on a website.

slicerevealer

A reveal effect where animated slices cover and uncover an image

smoothscrollingimageeffects

A small set of ideas on animating images and other elements while smooth scrolling a page.

stackmotionhovereffects

Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.