« Анимационные CSS блоки в стиле Flat »

Описание материала:

Анимационные блоки в стиле Flat, из CSS и HTML кодов. Данный блок очень прост, в нем присутствуют четыре изображения, так же в блоках нет скриптов и этим он не будет нагружать Ваш сайт. Блок очень прост в установке, все что Вам нужно это следовать установке на нашем сайте.

Установка:
1. Скачиваем архив с нашего сайта, далее загружаем папку anim_block в корень своего сайта
2. Выбираем место, где Вы хотите видеть данный блок и ставим туда вот этот код:

Код
<link rel="stylesheet" href="/anim_block/css/style.css">
<section>
<div id="icon-wrapper">
  <a href="#">
  <div class="icons">
  <div class="icon-slide-container">
  <img class="slide-icon" alt="The Kite Map Logo" height="100" src="/view-map.jpg">
  </div>
  </div>
  </a>
   
  <a href="#">
  <div class="icons2">
  <div class="icon-slide-container">
  <img class="slide-icon" alt="The Kite Map Logo" height="100" src="/anim_block/add-beach.jpg">
  </div>
  </div>
  </a>
   
  <a href="#">
  <div class="icons3">
  <div class="icon-slide-container">
  <img class="slide-icon" alt="The Kite Map Logo" height="100" src="/anim_block/view-all.jpg">
  </div>
  </div>
  </a>
   
  <a href="#">
  <div class="icons4">
  <div class="icon-slide-container">
  <img class="slide-icon" alt="The Kite Map Logo" height="100" src="/anim_block/feedback.jpg">
  </div>
  </div>
  </a>
  </div>
</section>


Все блок установлен!


Скачать ( Размер архива 244.8 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Демонстрация

Демонстративная страница или сайт материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Меню и навигация | Просмотров: 975 | Загрузок: 56

Теги к материалу: css, html, стиле, блоки, Flat, Анимационные

Поделиться в соц. сетях:
Комментариев к материалу: 2
Александр 21.02.2016 в 01:46Спам
Да... Выглядит шикарно.
1
Просто, ну зато красивый.
1
avatar