Фишки CSS для блогов.


Необычные эффекты при создании страниц блогов или сайтов с использованием CSS.Конечно заработать деньги с их помощью вряд ли  получиться,но украсить страницу и привлечь внимание посетителя  неординарным оформлением страниц я думаю у Вас удастся.Установка кода проста и незамысловата,тем более,что сам код CSS практически ничего не весит.

Установка кода.



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

<style type="text/css">
body { } #anvg {  width: 300px; animation: rotate 9s; animation-iteration-count: 9; -webkit-animation: rotate 9s; /* Safari & Chrome */-webkit-animation-iteration-count: 9;}@keyframes rotate { 100% { transform: rotate(360deg); } }@-webkit-keyframes rotate { /*Safari & Chrome */ 100% { -webkit-transform: rotate(360deg); }</style>

Как установить гаджет для выделения текста.

Установив код CSS в дальнейшем следует просто все необходимые элементы,которым требуется придать вращение,следует заключить в контейнер следующего вида

<div id="anvg">текст,изображение</div>.

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











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