Слайд-блок с фоном и png изображением с одной из стороны.
Визуальность |
Редактор |
|
Основа
|
Основа
<div class="sling s-left">
<div class="wrapper">
<img src="slide2.png" alt="">
<div class="box">
<div class="text">
<h1><div class="select">Заголовок</div> Под заголовком.</h1>
<span>Текст</span>
<a href="#link">Ссылка</a>
</div>
</div>
</div>
</div>
HTML код блока.
|
||||
|
Сторона Изображения
|
Сторона Изображения
<div class="sling s-right">
...
</div>
Png изображение - Справа.
|
||||
|
|
<div class="sling s-left">
...
</div>
Png изображение - Слева.
|
||||
|
Цвет Изображения
|
Цвет Изображения
<div class="sling s-right i-colored">
...
</div>
Изображение становиться серым, но при наведении на слайд - становиться цветным.
|
||||
|
Демо на отдельной странице
|
Использованные Цвета
|
||||
|
Авторы
RuNN
|
