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

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

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

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

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

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

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

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

		Это интересно +1	Как всё будет выглядеть в блоге: Как оригинально оформить сайдбар на сайте Продолжая тему уникальности элементов на сайте, я хочу предложить Вам еще один способ креативного оформления блоков на сайте Скопируйте код для блога: <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/uchimsya-rabotat-v-kompyuternyih-programmah/8450843/" 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/uchimsya-rabotat-v-kompyuternyih-programmah/8450843/" 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>

Юрий Немец

29.04.2015

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

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

Учимся работать в компьютерных программах 1086

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

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

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

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