
Установка кода.
| Для каких целей можно использовать данный эффект не знаю,но сам процесс и реализация вращения изображений,текста или различных элементов оформления дизайна может кому-то и пригодиться.Вариантов использования можно придумать много было бы желание.Установка кода стандартна.Копируем код 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 схожей тематики. |



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