Главная » Статьи » украшения для сайта

Картинка с эффектом отражения

Скрипт придаёт используемому изображению свойства отражения в нижней части.По поводу установки могу сказать что Вам потребуется только позиционировать используемое изображение в классе .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>

Категория: украшения для сайта | Добавил: NAREK (18.11.2012)
Просмотров: 704 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *:

Реклама

SEO sprint - максимальная раскрутка сайтов!

Top Шаблоны

  • DEXTER
  • GamerPress
  • IRENE
  • ENGAMER
  • Наш опрос

    • Оцените мой сайт
      Всего ответов: 22




    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0