The reason for my question is because I like the new CSS3 styling techniques, but i’m not quite sure if it’s worth it!
(sub-question; anybody that knows if it’s possible to use jQuery to apply a vignetting effect to a page?)
Thanks guys
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
The reason for my question is because I like the new CSS3 styling techniques, but i’m not quite sure if it’s worth it!
(sub-question; anybody that knows if it’s possible to use jQuery to apply a vignetting effect to a page?)
Thanks guys
The gradient is probably always going to be faster, as it will save a HTTP request and provides more possibilities for graphics chips to optimize rendering than a bitmap image. I don’t have any benchmarks to back this up, though, it’s just educated speculation.
On the other hand, I’m not sure whether rendering speed is really relevant here. The more important downside of those styling techniques at the moment is that not all browsers support them yet. You’re not going to support on older Firefoxes and IEs (at least when using the CSS3 properties), and for many sites that need to support those audiences, that is the end of it for the moment.
Related: Here is a tutorial that claims cross-browser support for IE, FF3.6+, and Webkit browsers using proprietary tags.