Comments on: Simulate Realism with CSS3

By: ganesh

ganesh — Fri, 20 Jan 2012 12:06:28 +0000

Thanks a lot…wonderful, awesome tutorials and example with CSS3 animation. I want to know if we want a fading text effect for first point, then after some time 2nd text animation similarly after sometime 3 text animation in the same slide, how to achieve it using CSS3 animation, its easy to achieve the animation for the first time but animation one after another is bit difficult is guess, which is very easy in “FLASH” .

By: Federico Bucchi

Federico Bucchi — Sun, 27 Nov 2011 23:36:22 +0000

For the holydays album is perfect!! very good!

By: amit

amit — Fri, 21 Oct 2011 07:45:51 +0000

css3 image gallery trick is awesome i wanted its code i tried using inspect element but couldnt get it….pls forward me the code

By: Raindra

Raindra — Thu, 06 Oct 2011 12:52:52 +0000

thank you brother very helpful

By: Cleveland Web Development

Cleveland Web Development — Mon, 02 May 2011 06:37:21 +0000

Great post really appreciable and workable ….loved reading awesome tutorial.

By: Hrvatska apartmani

Hrvatska apartmani — Sat, 08 Jan 2011 00:32:34 +0000

The DVD animation is great, ty alot for the tut.

By: James

James — Fri, 10 Dec 2010 05:10:16 +0000

Awesome post. This stuff is definitely very exciting for the future of web development however 1 interesting idea that is intriguing to think about. With development becoming easier and easier will it not reach a point where a person without any development experience can design their own website for the fraction of the price ie, doing it him/her self?

By: Haze long

Haze long — Sun, 17 Oct 2010 21:44:17 +0000

Best post ever. *tears of joy. It’s 6 am now. I can sleep in peace.

By: aboleo

aboleo — Tue, 27 Jul 2010 11:08:28 +0000

You can change:
View the demo in the latest versions of Safari, Chrome or Firefox.

with:
/* CSS DVD Animation */


a:hover img[alt*="Disc"] {

   -moz-transform: translate(50px,0) rotate(330deg);

   -webkit-transform: translate(50px,0) rotate(330deg);

   -o-transform: translate(50px,0) rotate(330deg);

  transform: translate(50px,0) rotate(330deg);

}

img[alt*="Disc"] { -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .5s ease-in-out; }

Into:
Will do in all main modern Browser but IE-Family

By: Luiseq

Luiseq — Fri, 02 Jul 2010 10:39:57 +0000

Owesome and quite simple. Thanks for this tut. Good Luck!