HTML / CSS3 Sliding Image Boxes

www.pixelforlife.com

In this video we dive into some CSS3 and create an awesome looking sliding image box.

Prior to CSS3, I would have wasted a lot of time using JQuery to do this exact same effect. CSS3 is a huge time saver!

Download the demo files here:
http://www.pixelforlife.com/html-css3-sliding-image-boxes/

Be sure to check us out on:

Twitter: https://twitter.com/pixelforlife

Google+: http://gplus.to/pfltuts

Website: http://www.pixelforlife.com

Category:

Howto & Style

Tags:

• pixelforlife
• tutorial
• lesson
• css
• css3
• html5
• jquery
• box
• slider
• information
• coda
• adobe
• dreamweaver
• html

[fraserdonaldmcgregor]

It would be good if you would zoom in on your code. I have to keep maximising to fullscreen as I'm following the tutorial as I flip inbetween Notepad++ and this.

[pfltuts]

@fraserdonaldmcgregor I'll try and remember that for next time.

I had my cursor hovering over the zoom option this time, but decided against it for some reason.

Thanks for the suggestion, buddy.

[E442Comedy]

You have the best tutorials on youtube, thank you!

[aceaceace56]

Thanks for taking the time to show the latest cutting edge css.

[milangfx]

@fraserdonaldmcgregor An other thing you can do is to zoom up the whole youtube page (with ctrl+scrolling up) so there's no need for fullscreen. I do this usually.

[goodpaste]

Nice :D

thnak you :D

[gageishere]

great tutorial, thx man.