Posted By

Ashung on 07/09/08

Tagged

Versions (?)

Last Edited at 07/09/08 01:05am

Statistics

Viewed 1218 times

Favorited by 5 user(s)

Related snippets

Useful CSS Opacity Rules

/ Published in: CSS

Browser Support: IE5.5, IE6, IE7, Firefox 1-3, Mozilla, Opera 8-9.5, Safari(Win,Mac), Knoqueror(Linux).

Use: Any Tag.

Highlighted TextExpand

.opacity0  { opacity: 0;   -moz-opacity: 0;   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);  zoom:1; }
.opacity1  { opacity: 0.1; -moz-opacity: 0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); zoom:1; }
.opacity2  { opacity: 0.2; -moz-opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); zoom:1; }
.opacity3  { opacity: 0.3; -moz-opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); zoom:1; }
.opacity4  { opacity: 0.4; -moz-opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); zoom:1; }
.opacity5  { opacity: 0.5; -moz-opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom:1; }
.opacity6  { opacity: 0.6; -moz-opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); zoom:1; }
.opacity7  { opacity: 0.7; -moz-opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); zoom:1; }
.opacity8  { opacity: 0.8; -moz-opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); zoom:1; }
.opacity9  { opacity: 0.9; -moz-opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); zoom:1; }

HTML EXAMPLE:
<div class="anotherClassName opacity8">...</div>

<form action="" class="search">
  <fieldset>
    <legend>Search</legend>
    <input type="text" class="search-text" />
    <input type="submit" class="search-submit opacity0" value="Search" />
  </fieldset>
</form>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.