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

Среда, 20 Апреля 2016 г. 01:13 + в цитатник

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

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

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

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

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

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

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

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

Сверху вниз.

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

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

<marquee width="216px"><img src="АДРЕС КАРТИНКИ" /></marquee><marquee width="216px" direction="right"><img 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 - УЧЕБНИК ПО H T M L
Часть 2 - Формулы для блога.
...
Часть 8 - Нужные формулы для дневника
Часть 9 - Справочник по основным тегам HTML.
Часть 10 - Оригинальное и красивое появление картинки в движении.
Часть 11 - Справочник html по изображениям