08_Filtre/filter_03.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 03</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
17 .F1 {
18 filter: progid:DXImageTransform.Microsoft.Shadow (
19 color='#666666', Direction=135, Strength=12) ;
20 }
21 .T1 {position:absolute; top:90px; left:210px; font-size:larger; }
22
23 .F2 {
24 filter: progid:DXImageTransform.Microsoft.Glow (
25 color='#666666', Strength=5) ;
26 }
27 .T2 {position:absolute; top:300px; left:210px; font-size:larger; }
28
29 img {
30 margin-right: 8px;
31 }
32
33 .F3 {
34 filter: progid:DXImageTransform.Microsoft.Wave (
35 Add='false', LightStrength=30, Phase=10, Strength=5, Freq=3 );
36 }
37
38
39 </style>
40
41 </head>
42
43 <body>
44 <div class="C1 F1" >
45 <img class="F1" src="ovocie.png" alt"ovocie" align="left" />
46 Obrázok a text v prvku div s filtrom Shadow.
47 <span class="F1 T1">Tiene textu</span>
48 </div>
49 <br />
50 <div class="C1 F2">
51 <img class="F2" src="ovocie.png" alt"ovocie" align="left" />
52 Obrázok a text v prvku div s filtrom Glow.
53 <span class="F2 T2">Rám textu</span>
54 </div>
55 <br />
56 <div class="C1 F3" >
57 <img class="F3" src="ovocie.png" alt"ovocie" align="left" />
58 Obrázok a text v prvku div s filtrom Wave.
59 </div>
60
61 </body>
62 </html>