PiticStyle

Yesterday I was playing with Adobe Photoshop and I decide to (try) make a Tag Cloud with CSS 2 Properties. The result is ok! If you use the image please tell the source. Thank you!
(more…)

Today we learn about opacity in CSS! I made an example here and here you have the files.

Information about opacity in CSS:

The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent - anything below that element will show completely through. 1.0 is 100% opaque - nothing below the element will show through.

So to set an element to 50% transparent, you would write: opacity:0.5;

Neither IE 6 nor 7 support the CSS 3 opacity property. But you’re not out of luck. Instead, IE supports a Microsoft-only property “alpha filter”. Alpha filters in IE accept values from 0 (completely transparent) to 100 (completely opaque). So, to get your transparency in IE, you should multiply your opacity by 100 and add an alpha filter to your styles:

Alpha filter for IE:  filter: alpha(opacity=50);
Alpha filter for Mozilla:  -moz-opacity:0.5;

(more…)