Simple Dither Effect using CSS
Mon, 11/24/2008 - 06:32 — dfadmin
While working on the upcoming theme for Dezinerfolio, we were working on a section that displays a short description that dithers towards the end. We worked out a very simple but effective solution using simple CSS attributes and images.
The Need:
.
The Solution:
All we are doing is adding an extra DIV after the end of the Paragraph and applying a transparent background image with a negative position.
Trackback URL for this post:
http://www.dezinerfolio.com/trackback/119
| Attachment | Size | Hits | Last download |
|---|---|---|---|
| df Fade Demo | 2.61 KB | 2594 | 5 hours 58 min ago |
Tags
Recent comments
Sponsors
Comments
Hmm, this is a really simple and clever solution. Almost too simple.
how to apply that !!!
it seems interresting ! but whats the CSS code i should add to the text???
Très belle effet !
Je trouve votre site très cool de plus que j'aime le style Web 2.0 ! Je ne me suis pas géné pour télécharger tous les styles, dégradés et images vectorielles pour Photoshop.
Merci beaucoup :-)
For sharing thank you very much good very beautiful work
It seems to be possible to do that with css opcaity and a bit of jQuery javascript : http://leftlogic.com/jquery_spy/spy.html
Great trick, done similar things to this before. Try setting up grass or something at the bottom of a page. Gives you some cool looks.
looking good, but yes - the same question..how about older versions like IE6?
Simple, and elegant. In regards to IE6 - anyone still using it does not deserve to see a nice effect like this on a website, nor should they be using the internet at all in a browser with that many security holes and flaws in it.
This is the effect that I use on my Twitter widget website (top right of the page)
I love it !
Nice effect. Will sure make use of it
Post new comment