andBrandCo / CodropsCarousels

Three carousel experiments made with CSS scroll-driven animations, based on Francesco Zagami's designs.

CSS-Only Carousels

Highly experimental CSS-only carousel variations that use the new scroll-driven animation properties.

Article on Codrops

Demo

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm run dev

Create the build:

npm run build

Credits

• Designs from Francesco Zagami's Dribbble
• Demo 1 images generated with Midjourney
• Demo 2 images from Closca's press kit
• Demo 3 images from Unsplash

Misc

Follow Maxwell Barvian: X, GitHub

Follow Codrops: X, Facebook, GitHub, Instagram

License

MIT