Sunday, June 7, 2015

Carousel using only HTML and CSS

I’ve been working on a site that uses a CMS that’s a bit limiting. I can add my own HTML and CSS to the site, but JavaScript is off-limits.

I had some ideas of how I could make that work using CSS animations and the transform property, but that would leave me with a carousel that scrolled automatically and didn’t allow for user input which wasn’t really what I was looking for. After some thinking, I eneded up with a solution that uses absolute positioning and the :target pseudo-selector to change the z-index and opacity of our carousel items to cycle through them.

The post Carousel using only HTML and CSS appeared first on jQuery Rain.


by Admin via jQuery Rain

No comments:

Post a Comment