Делаем вращение для картинки на CSS
 | |
| Создана анимация на вращение картинки, что все делается на чистом CSS. Автор сделал не просто круговорот, а чтоб было в предмете. А это получается стиральная машинка, сам не понимаю, где может пригодиться такое приложение, но интернет сети не предсказуемые, что возможно как по тематике или кто то может переделает, и поставить на портал. А этим вращением, он безусловно внимание сразу привлекает. Возможно есть какие то решение, чтоб был круговорот, здесь все очень просто, так как скорость вы сами задавать будите, а это можно сделать очень недлинно, что почти не будет заметно, но смотреться безусловно будет оригинально в любом случай. В нем есть небольшой минус, который заключается в том, что корректно работает и появление анимации будет на браузере, который на движке Webkit, если говорить о Хром, то все показывает.  Приступаем к установке: Ставим там, где вы посчитали нужным видеть на сайте. Код <img src="http://zornet.ru/zorner_ru_1/Veb/photo.png" class="turntable" /> И остается стили, скачиваем их и размещаем в CSS. Давайте рассмотрим параметры и за что отвечают они: turntable – этот класс будет отвечать за основную анимацию. 360deg – здесь ставим, какой градус вы хотите видеть на повороте.. 1s – одно из главных, это скорость вращение. Что обозначает одна секунда, да очень скоростной. Источник: Yraa.ru | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 8 | |
|
| |
