Скрипт придаёт используемому изображению свойства отражения в нижней части.По поводу установки могу сказать что Вам потребуется только позиционировать используемое изображение в классе .obekt-center для позиционирования элемента в котором будет находится изображение.Можно установить весь код в материале,так как он приводится в примере.Разумеется потребуется изменить размеры и само изображение.Если Вам не понятна работа применяемых свойств,введите название свойства в поиске сайта,есть материалы по всем существующим свойствам CSS3.Проверьте работу скрипта используя HTML редактор который находится в нижней части статьи.Если появились вопросы,задавайте их в комментарии материала.
Пример кода скрипта
<script type="text/javascript" src="http://delaisait.ucoz.ru/script/js/2/main.js"></script> <style> .example{ background:#FFF; width:800px; border:1px #000 solid; margin:20px auto; padding:15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #main_object { position: relative; } #main_object img { display: block; } #main_object #wave_zone img { position:absolute; left:-9999px; }#main_object span {position:absolute;font-size:0px;} #main_object #wave_zone { position:relative; display:block; overflow:hidden; background-color:#000; } </style> <div class="example"> <div id="main_object"> <img id="source_img" src="http://design.ucoz.lv/images/Logo_3.png"> <div id="wave_zone"></div> </div> </div>
|