ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Увеличение, трансформация картинки CSS-3

.

fВсем привет!

Еще один интересный эффект увеличения или трансформации картинки CSS-3. Точнее этот эффект применим не только к картинкам img, а и к такому элементу, как div, p , span, a и так далее.
Эффект увеличения, трансформации предназначен для красивого оформления web-страниц. Таким эффектом можно украшать ссылки, заострять внимание посетителя на каких-то элементах, призывах. Вобщем тут все ограничено лишь объемом вашей фантазии.

Увеличение, трансформация картинки CSS-3. Реализация

Тут ничего сложного нет. Сначала привожу CSS код:

Данный код вам необходимо добавить в конец вашего файла style.css.

Ну и следом HTML. Для осуществления трансформации, к элементу всего-лишь нужно добавить класс .transform-rotate. В примере это будет обычная картинка:

Вам остается прописать всего лишь путь к необходимой картинке.

Ну вот и все!

БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *