27 Comments
- Lorian, on 10/12/2007, -0/+1It could be used as image rollovers, instead of having seperate images for when you move the mouse over a link, you uts change the opaquicity, it'd save bandwidth, though it probably wouldn't work too well in most cases...
- jasqwerty, on 10/12/2007, -0/+1Two steps forward, one step backwards... :-/
We've come pretty far since the gaudy monstrosities that were the websites of the late 90s, towards the efficient conveyance of information...
To bad this will be as useful as marquee and blink was in most instances. - tarun, on 10/12/2007, -0/+1Pretty cool!
- Scooter1974, on 10/12/2007, -0/+1Some handy stuff there.
- SuperMoonMan, on 10/12/2007, -0/+1I can think of some applications, such as after an image has already been visited (i.e. a:visited {opacity properties;}), but for the most part this will not be used. I think it's a very interesting feature, and I may have to play around with it a bit.
- snlildude87, on 10/12/2007, -0/+1that's a lot of stuff. thanks for posting it.
- aptiva, on 10/12/2007, -0/+1works in safari too
- fuentes, on 10/12/2007, -0/+1Those are some really great code and design examples. I am amazed and surprised how bad that site is from a useability standpoint, though. What a headache.
- smhill, on 10/12/2007, -0/+1Just noticed... the article is a year old. No wonder is so bulky.
- smhill, on 10/12/2007, -0/+0This is pretty old and dated stuff. You don't need to jump through all those hoops. It's an overkill way to handle something that that simple.
- goodwool, on 10/12/2007, -0/+0Laughing at that one. Opacity is very simple. I'm searching and searching for the simplicity, the way to make it look simple. Powerful, yet simple. I do like the 10% opacity - 90% transparency. That is an excellent summary. Can you help sum it up in other areas?
- photophunk, on 10/12/2007, -0/+0Neat stuff
- kenbacca, on 10/12/2007, -0/+0Thanks for this. I was wanting to use image rollovers on my redesign, you just saved me some homework.
- inactive, on 10/12/2007, -0/+0My bad about saying "opacity", and not "transparency", I have been using Photoshop for too long :(
- Zoobster, on 10/12/2007, -0/+0There's plenty of good visual uses for this. I like the "visited" concept myself. I like the ability to lay text over translucently onto another object. Although that loooong article could've been summed up alot quicker.
As with anything, tasteful design is the key. - FiveIron, on 10/12/2007, -0/+0normally I cant stand css diggs, but I really like this one. I've wanted to know more about using opacity on images opacity for a while, but havent found any good resources, until now. +digg
- goodwool, on 10/12/2007, -0/+0Specifics would help. It's a long series and could fill a book easy, but it isn't clear how to shorten it. Should the bottom outline be somewhere else? Any feedback is helpful. If anything it is expanding now that Opera supports opacity and I too think it is bulky but in review can see only where more should be added. Help anyone? Break it up into smaller chunks? Bite-size it?
- goodwool, on 10/12/2007, -0/+0I'm curious about how Opacity relates to the marquee and blink. I'm not catching the connection. I wrote about CSS Opacity and Transparency mainly because it is not well documented. Through experimentation many interesting results, including the ability to hover images without any scripting. I was hoping that someone could come up with more uses, especially in part 3 of the series. I am not catching the connection to marquee and blink though since there is no movement or animation. Just curious. Saw digg coming in and got curious enough to read the comments. Good feedback and we can try to shorten the series and perfect it for Opera now that it works there too.
- 404notfound, on 10/12/2007, -0/+0This should be titled "CSS Transparency in Mozilla and IE," not "opacity." Achieving opacity requires... well, no additional work at all. Everything's already opaque.
- smhill, on 10/12/2007, -0/+0404notfound:
Yes, everything defaults to 100% opacity. Reducing the makes it more transparent. And since the attribute is called opacity, the title is accurate. It would also be accurate the other way, but you are achieving transparency by modifying the opacity.
The terms are just opposite ends of the spectrum. 10% opacity = 90% transparency. - brianprogrammer, on 10/12/2007, -0/+0I have to say that although this sounds like a cool idea, you have to step back and think about what happens to your site when somebody views it in a browser that does not support this.
- Chongo, on 10/12/2007, -0/+0none of it works in IE for MAC..... In fact the whole page is aligned to the left.
- tr0gd0rr, on 10/12/2007, -0/+0Now i'm salivating for support for the rest of CSS3!!
- DeVS, on 10/12/2007, -3/+2If you dont give a ***** why did you take the time to respond? Ohh because people "give a *****" what you think.
- inactive, on 10/12/2007, -1/+0Wow, I remained on topic and actually got a story on the front page - hooray for me :)
- FredFlintstone, on 10/12/2007, -2/+0YACD - Yet another CSS Digg
- goat2, on 10/12/2007, -5/+1is everyone on digg a ***** web developer cuz i sure dont give a *****
What is Digg?
The Digg Toolbar for Firefox lets you Digg, submit content, and keep track of Digg even when you're not on the Digg site. Download the official