Оригинальное и красивое появление картинки в движении.

Пятница, 06 Мая 2016 г. 22:06 + в цитатник

Цитата сообщения Шадрина_Галина

Прочитать целиком В свой цитатник или сообщество!

Оригинальное и красивое появление картинки в движении.

Картинка, как и текст, может тоже появляться в движении, при оформлении рамок и постов, что выглядит очень оригинально и красиво. Предлагаю еще несколько формул красивого разворачивания картинок.
РАЗВОРОТ КАРТИНКИ СПРАВА - НАЛЕВО

И еще несколько красивых и оригинальных кодов появления картинки.

Движение картинки СНИЗУ ВВЕРХ.

Код такого эффекта.

<marquee scrollamount="3" behavior="alternate" width="" height="ВЫСОТА движения"><marquee scrollamount="3" direction="up" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" /></marquee></marquee>

Сверху вниз.

код картинки
<marquee scrollamount="2" direction="down" height="ШИРИНА КАРТИНКИ"><marquee scrollamount="2" direction="up" height="ВЫСОТА КАРТИНКИ"><div align="center"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" /></div></marquee></marquee>

Картинки расходящиеся от середины

<marquee width="216px"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" /></marquee><marquee width="216px" direction="right"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" /></marquee>

Волнообразное движение картинки.

Код такого эффекта (справа налево)
<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10">HTML- код КАРТИНКИ</marquee></marquee>

(Слева напрво)
<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="right" scrollamount="10">HTML- код КАРТИНКИ</marquee></marquee>

Подробно о красивых разворотах картинки в постах СМОТРИМ ЗДЕСЬ

Как сделать курсор со своей картинкой (как в этом посте) СМОТРИМ ЗДЕСЬ
Удачи в вашем творчестве.

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 47 - Как поменять свой НИК на Ли.ру
Часть 48 - Как разместить много музыки на музыкальную страничку ЛиРу
Часть 49 - Оригинальное и красивое появление картинки в движении.