Как оригинально оформить сайдбар на сайте

Креативные блоки с анимацией на CSS

Продолжая тему уникальности элементов на сайте, я хочу предложить Вам еще один способ креативного оформления блоков на сайте.

У данных блоков присутствует анимация CSS. Здесь нет Javascript кода, поэтому и загрузка данного элемента будет очень быстрой. То есть когда человек наводит на блок центральная иконка уменьшается и смещается в правый верхний угол, а в центре блока появляется произвольный текст, который Вы можете изменить.

Также я записал подробное видео, где рассмотрел как отредактировать исходные файлы. И что необходимо учитывать при установке на реальный сайт.

Видеоинструкция и исходные файлы элемента здесь - креативные блоки с анимацией на CSS.

--------------------

С Уважением, Юрий Немец

		Это интересно 0	Как всё будет выглядеть в блоге: Как оригинально оформить сайдбар на сайте Продолжая тему уникальности элементов на сайте, я хочу предложить Вам еще один способ креативного оформления блоков на сайте Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kompyuter-dlya-chajnikov/8450863/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как оригинально оформить сайдбар на сайте </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Продолжая тему уникальности элементов на сайте, я хочу предложить Вам еще один способ креативного оформления блоков на сайте </div> </div> Как оригинально оформить сайдбар на сайте <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kompyuter-dlya-chajnikov/8450863/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как оригинально оформить сайдбар на сайте</a> <div style="font-family:trebuchet MS;"> Продолжая тему уникальности элементов на сайте, я хочу предложить Вам еще один способ креативного оформления блоков на сайте </div> </div>

Юрий Немец

01.05.2015

В избранное Пожаловаться Просмотров: 282

Комментарии ⁰

Компьютер для чайников 3487

Последние откомментированные темы:

Как оригинально оформить сайдбар на сайте

Комментарии временно отключены

Открытая группа
4205 участников