Re:Beautiful Image Hover Effect Using Only Webkit CSS (No JS)
by metamemetics on Tuesday May 11, 2010 @02:08PM
(#1338724)
>daleharvey: most of these css techniques degrade very very well
>j79: In addition (since you mention compatibility), adding this to a site wouldn't "break" it
The linked page looks like shit in Internet Explor 6,7, and 8 and is completely unviewable in Opera due to masking errors. It degrades horrendously and I would consider it broken.
Re:Beautiful Image Hover Effect Using Only Webkit CSS (No JS)
by j79 on Tuesday May 11, 2010 @03:15PM
(#1338917)
You're right, it does. But in fairness, it's a demo for webkit browsers. I'm guessing the author wasn't too concerned for IE.
If the demo page was something super simple like:
#links{ -webkit-transition-duration: 0.5s; } #links:hover { color: red; }
Super simple and it wouldn't break anything.
Basically, just because the author didn't consider IE users on a Webkit demo doesn't mean CSS3 is broken (or doesn't degrade properly.)
most of these css techniques degrade very very well and are incredibly simple to implement, if it is a "this site MUST have this animation", then best to go down the jquery route, if its a "this will be nice to add" then doing it in css3 only saves a ton of bother.