08_Filtre/filter_02.htm


  1  <?xml version="1.0" encoding="windows-1250"?>
  2  <!DOCTYPE html   PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3    "DTD/xhtml1-strict.dtd">
  4  <html>
  5  <head>
  6    <title>Filter 02</title>
  7    <meta http-equiv="Author" content="Imrich BURANSKY" />
  8    <meta http-equiv="Content-Type" content="text/html; charset=Windows-1250" />
  9    <style type="text/css" >
 10     .C1 {
 11       width: 400px;  height: 100px;
 12       padding: 20px;
 13       background-color: skyblue;
 14       font: bold 10pt verdana;
 15     }
 16     .F1 {
 17       filter: progid:DXImageTransform.Microsoft.Alpha (
 18         style=1, opacity=25, finishOpacity=100,
 19         startX=0,   finishX=200,
 20         startY=100, finishY=0 ) ;
 21     }
 22     .F2 {
 23       filter: progid:DXImageTransform.Microsoft.Emboss ( );
 24     }
 25  
 26     img {
 27       margin-right: 8px;
 28     }
 29    </style>
 30  
 31  </head>
 32  <!--
 33      <br />
 34         progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
 35  -->
 36  
 37  <body>
 38  <div class="C1">
 39    <img src="ovocie.png" alt"ovocie" align="left" />
 40    Obrázok a text v prvku div bez filtra.
 41  </div>
 42  <br />
 43  <div class="C1 F1" >
 44    <img src="ovocie.png" alt"ovocie" align="left" />
 45    Obrázok a text v prvku div s filtrom Alpha.
 46  </div>
 47  <br />
 48  <div class="C1 F2" >
 49    <img src="ovocie.png" alt"ovocie" align="left" />
 50    Obrázok a text v prvku div s filtrom Emboss.
 51  </div>
 52  
 53  </body>
 54  </html>