left: 0px; width: 300px; height:300px; filter:progid:DXImageTransform.Microsoft.zigzag(GridSizeX=64, GridSizeY=64) ">

<!-- Это первое содержимое, которое будет показано. -->

<DIV ID="oDIV1" STYLE="position:absolute; top:50px; left:10px; width:240px; height:160px;background:gold"> This is DIV #1 </DIV>

<!-- Это содержимое, которое будет показано после применения фильтра. -->

<DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:160px; background: yellowgreen; ">

<BR> This is DIV #2</DIV> </DIV>

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>

<SCRIPT>var bTranState = 0;function fnToggle() { oTransContainer.filters[0].Apply(); if (bTranState=="0") { bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden";} else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible";} oTransContainer.filters[0].Play(duration=3);}</SCRIPT>

Приложения

Единицы измерения CSS

Единицы измерения CSS

В этой таблице перечислены все единицы измерения, поддерживаемые CSS.

Единица измерения === Обозначение

Высота буквы M текущего шрифта === em

Высота буквы x текущего шрифта === ex

Пикселы === px

Пункты === pt

Пики === pc

Дюймы === in

Миллиметры === mm

Сантиметры === cm