I would like to know if it would be possible to replicate the effect like the bottom of the Top Tweets list with pure CSS?
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.
I would like to know if it would be possible to replicate the effect like the bottom of the Top Tweets list with pure CSS?
Yes you can! Taking advantage of RGBa colors and CSS3 gradients, we can apply the following styles to an element and have a fading semi-transparent background:
Mozilla:
Webkit:
(Updated after changes to Webkit gradients)
Sadly, this only works in Firefox 3.6+, Safari, and Chrome. If you need the effect in IE or older versions of Firefox, then you’d be better off using the semi-transparent PNG like Twitter does.