CSS3 Sliding Transition (not tut)

9 posts Page 1 of 1
Contributors
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

CSS3 Sliding Transition (not tut)
mikethedj4
Preview of Effect:
videxample.gif
The effect on the right is for an upcoming tutorial. The effect on the left is using the same effect except having the sliding animation display above a div that uses an image as a background.

The project file is no longer available for download!
You do not have the required permissions to view the files attached to this post.
Last edited by mikethedj4 on Fri Jul 08, 2011 7:19 am, edited 1 time in total.
User avatar
Agust1337
Coding God
Coding God
Posts: 2456
Joined: Fri Feb 19, 2010 8:18 pm

Hey Mike,
Thanks for this I might use it for my website ;)
You're crazy!
I'm not crazy, my mother had me tested. ~Sheldon Cooper
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

No problem bro :)
User avatar
Axel
Coding God
Coding God
Posts: 1928
Joined: Sun Jun 27, 2010 9:15 pm

Re: CSS3 Sliding Transition (not tut)
Axel
can you do everything jquery can do in css3 ? I thought you could only make those sliding things in jQuery :P
http://vagex.com/?ref=25000
User avatar
Codex
Coding God
Coding God
Posts: 2028
Joined: Wed Mar 31, 2010 5:50 pm

Re: CSS3 Sliding Transition (not tut)
Codex
Thats why i love CSS3
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

No you can't do everything in JQuery than you can in CSS3, remember CSS stands for Cascading Style Sheets, and that's exactly what it does. However with CSS3 you have more freedom like making gradients, onclick events, drop shadow's, inner shadows, rotation, scaling, and fading.
User avatar
Codex
Coding God
Coding God
Posts: 2028
Joined: Wed Mar 31, 2010 5:50 pm

Re: CSS3 Sliding Transition (not tut)
Codex
and the fact you can mix css with css3 :D
We shall let the revolution begin.. the revolution for freedom, freedom against censorship. We shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender
User avatar
Jg99
VIP - Site Partner
VIP - Site Partner
Posts: 453
Joined: Sun Mar 20, 2011 5:04 am

Re: CSS3 Sliding Transition (not tut)
Jg99
Awesome Post! Keep up with the awesome work... and thanks for the css3 sliding transition
http://www.sctechusa.com SilverCloud Website
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

No problem. I apologize for the poor quality GIF animation. it's cause it only supports 16bit (256 colors) animations, and not 32bit.
9 posts Page 1 of 1
Return to “Tutorials”