Волшебные эффекты CSS

Удивительное рядом или волшебные эффекты CSS для трансформации картинок или изображений.Как установить и настроить визуальные спецэффекты на страницы блога и что нужно сделать,чтобы страницы вашего блога приобрели совершенно другой привлекательный вид.Простое решение,но эффект от трансформации баннеров довольно таки привлекательное.


Установка кода для визуальных эффектов.


Установка и интеграция кода на страницы блога идентична другим подобным эффектам CSS. Просто копируем приведённый здесь код CSS и устанавливаем в шаблон блога в разделе стилей перед закрывающим тегом ]]></b:skin> для Blogger или папку style.css для Wordpress.Установив код и сохранив шаблон можно приступать к написанию статьи и отправке её в интернет,но при этом нужное вам изображение или баннер необходимо будет заключить в контейнер такого вида  <div class="golru">изображение</div>. Полный код для баннеров будет выглядеть таким образом   <div class="golru"><a href="Урл сайта"><img border="0" src="урл изображения" /></a></div> Смотреть так же #Разбивка текста в газетном стиле.


Код CSS
.golru {
height: 0px;
padding: 5px;
-webkit-animation-name: movearound;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease;
}@-webkit-keyframes movearound {
from {
width: 0px;
background: #ccc;
opacity: 0.3;
-webkit-transform: scale(0.1) rotate(360deg);}
to {width: 0px;background: #ffffff;opacity: 1;
-webkit-transform: scale(1) rotate(360deg);}
Как установить себе такой блок для выделения текста.

Отправить комментарий