Search

Nalezeno "slideshow": 22

Design Finds: Creative Slideshows

13.5.2024
A small collection of creative slideshow designs and animations

Some Ideas for Fullscreen Image Slideshow Animations

27.9.2023
A collection of ideas for slideshow animations on fullscreen images

4 Exclusive Demos: Slideshows & Typographic Animations

16.6.2023
Four distinct demos, from image slideshows to on-scroll typography and hover effects

Ideas for Grid to Slideshow Switch Animations

4.5.2023
Some ideas and inspiration for layout animations where we go from an irregular grid to a slideshow or alternative view

Fullscreen Scrolling Slideshow

17.8.2022
A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin

Slideshow with Filter Reveal Effect

17.11.2021
A slideshow page layout with a filter enhanced navigation effect. The post Slideshow with Filter Reveal Effect appeared first on Codrops

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

16.8.2021
Learn how to create a WebGL-powered image slideshow animated using a single value. The post Create an Abstract Image Slideshow with OGL, GLSL, and GSAP appeared first on Codrops

Shape Slideshow with Clip-path

10.3.2021
An experimental slideshow using clip-path to create shape transitions between slides. The post Shape Slideshow with Clip-path appeared first on Codrops

Jetpack Backup

17.11.2020
It’s no secret that CSS-Tricks is a WordPress site. And as such, we like to keep things WordPress-y, like enabling the block editor and creating some custom blocks. We also rely on Jetpack for a number of things, which if you haven’t tried, is definitely worth your time as it’s...

Diagonal Thumbnail Slideshow Animation

1.9.2020
A simple slideshow with tilted thumbnails and large titles that animate when navigating. The post Diagonal Thumbnail Slideshow Animation appeared first on Codrops

Experimental Triangle Image Transitions with WebGL

27.8.2020
Some experimental animations using triangles for image transitions with WebGL. The post Experimental Triangle Image Transitions with WebGL appeared first on Codrops

A Glitchy Grid Layout Slideshow

24.6.2020
An experimental grid slideshow with a stack-like navigation and glitch effect. The post A Glitchy Grid Layout Slideshow appeared first on Codrops

CSS-Only Carousel

10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. Setting some boxes in a horizontal row with flexbox is easy. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy. You can make the "slides" line...

Jetpack Slideshow Block

7.1.2020
One of the many (many) useful things that Jetpack does is give you extra-fancy custom blocks in the WordPress block (AKA Gutenberg) editor: a slideshow, business hours, contact info, GIF, Mailchimp, Map, Markdown, Pinterest, Star Rating, Recurring Payments Button, Repeat Visitor, Simple Payments...

Making Gooey Image Hover Effects with Three.js

23.10.2019
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader. Making Gooey Image Hover Effects with Three.js was written by Arno Di Nunzio and published on Codrops

Stylish Sites Made Simple with AnyMod (Sponsored)

23.9.2019
Amazing-looking websites often have specific patterns, and for a reason — they work. Whether it’s a slideshow, a parallax effect, or more traditional design, there’s a service that makes total designs and widgetry simple: AnyMod allows web experts and beginners alike to create...