Вращение(анимация) картинки(иконки) при наведении мыши Вращение(анимация) картинки(иконки) при наведении мыши - Архив
Вращение(анимация) картинки(иконки) при наведении мыши
DownLoad_Free

Вращение(анимация) картинки(иконки) при наведении мыши - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Вращение(анимация) картинки(иконки) при наведении мыши (CSS код (кроме IE<9))
Вращение(анимация) картинки(иконки) при наведении мыши
Дата: Пятница, 07.09.2012, 14:59 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
Очень симпатичная легко программируемая анимация иконки(картинки, изображения) в меню навигации и не только

<style>

p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

</style>

<b>360 degree spin onMouseover and onMouseout</b></p>
<p id="socialicons">
<a href="http://kachay.ucoz.org/rss/">
<img border="0" src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/rss.png" /></a>
<a href="http://delicious.com">
<img border="0" src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/delicious.png" /></a>
<a href="http://facebook.com">
<img border="0" src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/facebook.png" /></a>
<a href="http://twitter.com">
<img border="0" src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/twitter.png" /></a>
<a href="http://yahoo.com">
<img border="0" src="http://www.dynamicdrive.com/cssexamples/media/socialicons/64x64/yahoo.png" /></a>
</p>
 
Архив » История мировых и локальных событий » История развития сайта » Вращение(анимация) картинки(иконки) при наведении мыши (CSS код (кроме IE<9))
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!