webcodebase.com Snippets database & Pastebin

Image opacity in CSS

Submitted on 01/12/2008
Authors Comment: This works on both IE and on Mozilla. It sets the opacity of a image (on hover in this example).
How to use: It should be quite easy to understand, if not feel free to leave a comment and i will write a detailed explaination.
Download Snippet:
Snippet:

  1. <style type="text/css">  
  2.         .opacityit img{
  3.         filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  4.         -moz-opacity:4;
  5.         }
  6.            
  7.         .opacityit:hover img{
  8.         filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  9.         -moz-opacity:
  10.         }
  11.    </style>
  12.    <a href="http://cnn.com" class="opacityit"><img border="0" src="email.gif" /></a>

 

Comments:

  1. .visgtwo | December 11, 2008 at 18:47

    OcuaMZ <a href="http://otiedkzaaxot.com/">otiedkzaaxot</a>, [url=http://zhgdvrgmsygd.com/]zhgdvrgmsygd[/url], [link=http://nlttpqajdlph.com/]nlttpqajdlph[/link], http://itbcgfugtvaj.com/

  2. .rqvninh | December 11, 2008 at 18:47

    aTcb3J <a href="http://xzqwjunjoykm.com/">xzqwjunjoykm</a>, [url=http://tkfppjdvnomo.com/]tkfppjdvnomo[/url], [link=http://crmgfhshxaib.com/]crmgfhshxaib[/link], http://qinfspewvkzf.com/

  3. .khssplr | December 11, 2008 at 18:47

    CBWaYy <a href="http://wwswfhxjzimn.com/">wwswfhxjzimn</a>, [url=http://ahdutbthqnvw.com/]ahdutbthqnvw[/url], [link=http://cnlfonxqepyo.com/]cnlfonxqepyo[/link], http://mvsfzburccvs.com/

  4. .vbiuigyad | December 11, 2008 at 18:47

    g05FGV <a href="http://stjsbsnwboqc.com/">stjsbsnwboqc</a>, [url=http://lzxybcknvjhc.com/]lzxybcknvjhc[/url], [link=http://njvsklrvvkik.com/]njvsklrvvkik[/link], http://okmoaultabci.com/

  5. .fnttffsch | December 11, 2008 at 18:47

    1RmZpS <a href="http://tdkrljpjihuy.com/">tdkrljpjihuy</a>, [url=http://kkpbkbuwgump.com/]kkpbkbuwgump[/url], [link=http://rsoydqpsaorm.com/]rsoydqpsaorm[/link], http://wvrtvitfhsqc.com/

  6. .udwhxzeoiqi | December 11, 2008 at 18:47

    zUngAx <a href="http://oxlxqzemsjjv.com/">oxlxqzemsjjv</a>, [url=http://cwzocrigbffi.com/]cwzocrigbffi[/url], [link=http://wijfwqvzflby.com/]wijfwqvzflby[/link], http://yncxujcnctby.com/

  7. .moenjpk | December 11, 2008 at 18:47

    RAtyAV <a href="http://vijakpycsrej.com/">vijakpycsrej</a>, [url=http://yeytnhzqelso.com/]yeytnhzqelso[/url], [link=http://kreetivdjgtf.com/]kreetivdjgtf[/link], http://kqlcyckjlixp.com/

  8. .uucdoxzz | December 11, 2008 at 18:47

    oFR6Q7 <a href="http://qwqpugjfhkny.com/">qwqpugjfhkny</a>, [url=http://fbvofhxtwsri.com/]fbvofhxtwsri[/url], [link=http://cfqzdkxzellr.com/]cfqzdkxzellr[/link], http://ccnhzlyjwwic.com/


New Comment:
Name:
Comment:








Latest News

  • 30/12/09
    Webcodebase is BACK & New updates.
    Hello, Because of a jackass of a friend the main files for Webcodebase was deleted. I Thought everything was lost until i found a backup folder on my old linux box, so i restored WCB Back to its original state. The staff will continue posting snippets and fighting spam. We will also start releasing tools that web masters can use to check their scripts for vulnerabilities. These scripts will have special stars next to them and the "STAFF" tag. Please use these on your own systems only, we are NOT responsible for any damage they may do. We release them purely for educational purposes only! Thanks, Head of WCB, Arne AKA Cypher....
    [Read More]