1 reply [Last post]
sampson1952
sampson1952's picture
Offline
newbie
Fort Collings CO
Last seen: 4 years 40 weeks ago
Fort Collings CO
Timezone: GMT-6
Joined: 2018-08-27
Posts: 1
Points: 2

I am not new to CSS, but I have not been able to find anything about this on Google so I thought maybe I was using the wrong terminology.

I am looking to teach myself how to make a slider/carousel where the image is sliced into pieces and each slice is shifted off independently, revealing the image below as they "fly" off the screen.

I don't know how to describe this so Google will help me find the technology behind it.

Maybe it is actually done in Javascript more than CSS... I don't know.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 13 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

google start

I used this query:
exploding image css javascript

The closest search return to your description, in a very cursory check, was this:
https://www.bypeople.com/css-exploding-particles-image-transition/

Take care, animations may give you a warm fuzzy feeling, but the second and following encounters by the user are annoying. They don't come to your site to see the animation. They come to see your content. Anything that distracts from that is user UNfriendly.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.