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.
I would like to create the effect that can be seen on the website http://www.murmure.me/ when you hover on their images.
I know They use two different images but I would like to be able to this effect without 2 images, just with ONE picture (the one without the dots) and by using CSS. Is it possible ?
Mikel, you can’t achieve a silk-screen effect using CSS and a single image.
It’s not going to happen any time soon, in any cross-browser compatible way.
Maybe, eventually, when you can custom-program CSS filters using HLSL or similar…
But for the time-being, even with near-ish-future CSS-filters, I don’t think that they’re going to offer silk-screen, and THEN, you’d need to worry about that, along with the transition effects, and THEN you’d need to worry about browser support, with 2-image fallbacks for other browsers…
ie: you’d have to create the 2nd image and write the 2-image fallback which you were hoping there was a CSS filter for, to avoid making the 2nd image, in the first place.