Comments on: Fancy transparencies with rgba

By: duggi

duggi — Wed, 02 Sep 2009 00:00:43 +0000

i hope u figured out what its useful for by now … you can set the background of a container half transparent, and the text or anything else inside the container is still fully opaque. key use.

By: Leon

Leon — Wed, 15 Apr 2009 18:02:03 +0000

Hi Matt,

Yes, I can’t say that the hover effect has many practical uses, although I’m sure it can be used to some creative effect.

Hope you and the business are keeping well.

By: Matt Riches

Matt Riches — Mon, 13 Apr 2009 20:26:46 +0000

Hey,

I too am impressed with the simplistic code that is required for such an action!

Simple & efficient.

I wouldn’t know a situation where I would use it but I have seen rather ghastly flash ‘animations’ and horribly large ‘roll over’ images that could be replaced with the code.

If I find a placement to incorporate the code, I’ll let you know. Maybe buttons?

Matt.

By: Leon

Leon — Wed, 25 Mar 2009 14:49:39 +0000

Kind of. There's a difference in that children of any element don't inherit the rgba value. It's also simpler to implement. See a pretty useful article on the differences.

By: Konstantin

Konstantin — Wed, 25 Mar 2009 14:37:17 +0000

I see. although the css property ‘opacity’ does the same in standards-compliant browsers?

By: Leon

Leon — Wed, 25 Mar 2009 14:29:30 +0000

Hi Konstantin, It's part of the CSS rather than the HTML (specifically, it's a value, just as #000, bold and small-caps are.) Leon

By: Konstantin

Konstantin — Wed, 25 Mar 2009 12:03:33 +0000

It works in Chrome as well. Very interesting. Is this an HTML5 attribute? I have never seen it before.

By: Leon

Leon — Fri, 06 Mar 2009 16:38:28 +0000

Yes, Stalin used to invoke Lenin’s name whenever he went on a purge. I think he even ended up denouncing Lenin as not being revolutionary enough.

Would you have to use inline CSS? Maybe you could do something with a custom field to give each link its own class and assign each class its own background image. (That’s probably nonsense!)

By: inspirationbit

inspirationbit — Fri, 06 Mar 2009 16:25:37 +0000

oh, yes, that’s better now: I was wondering that it didn’t look all that transparent.
Thanks, I’ll also try on a test site, will let you know when it’s up.

Yes, you’re absolutely right: Stalin was Georgian. He was Lenin’s closest sidekick (and the most powerful one), so when Lenin came to power, Georgia was one of the first republics whom Stalin had ‘Sovetized’.

By: Leon

Leon — Fri, 06 Mar 2009 16:11:09 +0000

That’s a good call, Vivien—this is one of a bunch of fantastic Soviet–era photos I stumbled on years ago. I’ve taken them across laptops, but lost the original link. (On a complete sidenote, wasn’t Stalin Georgian? Anyway…)

Your idea sounds good—why not try it on a test site? The problem I’ve got with the effect is that it looks good in isolation but it might annoy in the extreme on a real page.

Oh, I’ve changed it a bit since your comment: it’s more obviously transparent now.

I too like the simplicity. I’m sure it could be used with some creativity.