Comments on: Amazing Image Hover Effects with Webkit and CSS 3 http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/ Web Designer and Blogger Wed, 01 Feb 2012 03:50:03 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: website designing in chennai http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3766 website designing in chennai Wed, 01 Feb 2012 03:50:03 +0000 http://dinolatoga.com/?p=229#comment-3766 Is this css3 code? Because in w3c standard there is some error on the above css code Is this css3 code? Because in w3c standard there is some error on the above css code

]]> By: ICTEA – Web Design » Blog Archive » Spectacular CSS3 Hover Effect Tutorials http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3759 ICTEA – Web Design » Blog Archive » Spectacular CSS3 Hover Effect Tutorials Thu, 22 Dec 2011 12:36:22 +0000 http://dinolatoga.com/?p=229#comment-3759 [...] Amazing Image Hover Effects with Webkit and CSS 3 [...] [...] Amazing Image Hover Effects with Webkit and CSS 3 [...]

]]> By: Spectacular CSS3 Hover Effect Tutorials | Template Monster Blog http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3758 Spectacular CSS3 Hover Effect Tutorials | Template Monster Blog Thu, 22 Dec 2011 09:56:46 +0000 http://dinolatoga.com/?p=229#comment-3758 [...] hover effect tutorials.Original Hover Effects with CSS3* * *Amazing Hover Effects with CSS3* * *Amazing Image Hover Effects with Webkit and CSS 3* * *CSS3 Hover Effects* * *Fancy Image Hover Using CSS3* * *CSS3 box-shadow and image hover [...] [...] hover effect tutorials.Original Hover Effects with CSS3* * *Amazing Hover Effects with CSS3* * *Amazing Image Hover Effects with Webkit and CSS 3* * *CSS3 Hover Effects* * *Fancy Image Hover Using CSS3* * *CSS3 box-shadow and image hover [...]

]]> By: Share seven latest implementation of the suspension effect using jQuery - Open News http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3754 Share seven latest implementation of the suspension effect using jQuery - Open News Tue, 13 Dec 2011 09:17:50 +0000 http://dinolatoga.com/?p=229#comment-3754 [...] Amazing Image Hover Effects with Webkit and CSS 3 [...] [...] Amazing Image Hover Effects with Webkit and CSS 3 [...]

]]> By: jfer http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3749 jfer Tue, 01 Nov 2011 20:15:55 +0000 http://dinolatoga.com/?p=229#comment-3749 how come when I preview the shrinking effect, it has a slight glitch to it. It only happens when I scroll down then scroll back up to it and hover over. A bright white box flashes on the screen. I copy and pasted the code straight from the site here. have you experienced anything like this? how come when I preview the shrinking effect, it has a slight glitch to it. It only happens when I scroll down then scroll back up to it and hover over. A bright white box flashes on the screen. I copy and pasted the code straight from the site here. have you experienced anything like this?

]]> By: Hemlocks http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3746 Hemlocks Sat, 15 Oct 2011 01:48:14 +0000 http://dinolatoga.com/?p=229#comment-3746 Nice work. I really like the effects. Nice work. I really like the effects.

]]> By: James Robert http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3741 James Robert Mon, 26 Sep 2011 09:02:23 +0000 http://dinolatoga.com/?p=229#comment-3741 Gracias me fue muy útil para mi proyecto.. Gracias me fue muy útil para mi proyecto..

]]> By: Joe http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3737 Joe Sun, 18 Sep 2011 01:29:46 +0000 http://dinolatoga.com/?p=229#comment-3737 Thanks for this. Couldn't find a decent tutorial anywhere! Thanks for this. Couldn’t find a decent tutorial anywhere!

]]> By: Bim http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3736 Bim Thu, 15 Sep 2011 09:20:31 +0000 http://dinolatoga.com/?p=229#comment-3736 oh the reason they are black is probably cause ie doesn't support opacity for the black div that sits ontop of the image. To set opacity in ie you use: filter:alpha(opacity = 0);//0-100 which is supported far back as ie7 (maybe even 6( oh the reason they are black is probably cause ie doesn’t support opacity for the black div that sits ontop of the image. To set opacity in ie you use:
filter:alpha(opacity = 0);//0-100

which is supported far back as ie7 (maybe even 6(

]]> By: Bim http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/#comment-3735 Bim Thu, 15 Sep 2011 09:13:05 +0000 http://dinolatoga.com/?p=229#comment-3735 IE has little support for webkit effects but it should still just display the pictures as they are with no movement. I have heard recently IE9 has started support for webkit using their own code.. so now we have to declare webkit 5 times: border-radius:5px;//standard -webkit-border-radius:5px;//chrome/safari -o-border-radius:5px;//opera -moz-border-radius:5px;//firefox -ms-border-radius:5px;//IE9 for different functions the syntax can vary so it gets even more complex, such as gradient fills. i do hope they get it together soon IE has little support for webkit effects but it should still just display the pictures as they are with no movement.

I have heard recently IE9 has started support for webkit using their own code.. so now we have to declare webkit 5 times:

border-radius:5px;//standard
-webkit-border-radius:5px;//chrome/safari
-o-border-radius:5px;//opera
-moz-border-radius:5px;//firefox
-ms-border-radius:5px;//IE9

for different functions the syntax can vary so it gets even more complex, such as gradient fills. i do hope they get it together soon

]]>