Simple Dither Effect using CSS
Mon, 11/24/2008 - 20:02 — 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 | 3454 | 3 days 18 hours ago |
Visualize
Tags
Recent comments
Check them out!
Comments
For sharing thank you very much good very beautiful work
I really liked your website. Thank you very much! Its a great website! very interesting and informative.
I am from Marino and too bad know English, give true I wrote the following sentence: "pysqlite2.dbapi2.OperationalError: no such table: dict invalid dictionary: green_mountain (english)"
With respect :), Napea.
You can not select text behind this png. How would you fix this?
Nice effect.
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.
Post new comment