Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.08.2010, 14:35
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

Вращение значков
Как сделать чтобы значки вращались во круг своей оси при наведении мышки??
Ответить с цитированием
  #2 (permalink)  
Старый 17.08.2010, 14:36
Аватар для e1f
e1f e1f вне форума
Профессор
Отправить личное сообщение для e1f Посмотреть профиль Найти все сообщения от e1f
 
Регистрация: 03.04.2009
Сообщений: 1,263

Заменять их при наведении на gif'ку
Ответить с цитированием
  #3 (permalink)  
Старый 17.08.2010, 14:38
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

Не, сильно много будет занимать места, и так 30 значков на странице и они весят по 80 кб, ещё и анимировнных нехвататло!
Ответить с цитированием
  #4 (permalink)  
Старый 17.08.2010, 14:44
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от qwermjk
30 значков на странице и они весят по 80 кб
Это какого же они размера?
Ответить с цитированием
  #5 (permalink)  
Старый 17.08.2010, 18:47
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

<style type="text/css">
.rotor {
transition: all 0s linear;
-o-transition: all 0s linear;
-webkit-transition: all 0s linear;
}
.rotor:hover {
transition: all .4s linear;
-o-transition: all .4s linear;
-webkit-transition: all .4s linear;
transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
</style>
<img class="rotor" src="http://javascript.ru/forum/image.php?u=4363&dateline=1260060405" alt="" />
<img class="rotor" src="http://javascript.ru/forum/image.php?u=501&dateline=1215635980" alt="" />
<img class="rotor" src="http://javascript.ru/forum/image.php?u=205&dateline=1210101799" alt="" />
Ответить с цитированием
  #6 (permalink)  
Старый 17.08.2010, 19:15
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

В мозилле не работает! А так прикольно!
А можно чтобы картинки не по диоганали а по вертикали крутились?
Ответить с цитированием
  #7 (permalink)  
Старый 17.08.2010, 20:30
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Сообщение от qwermjk Посмотреть сообщение
В мозилле не работает!
А я знаю. Вы все еще любите мозиллу?
А если серьезно, то можно анимацию и яваскриптом делать. А для ie фильтр matrix, так что, можно сделать кроссбраузерно.
Сообщение от qwermjk Посмотреть сообщение
А можно чтобы картинки не по диоганали а по вертикали крутились?
Можно

UPD: Гуглите в сторону CSS Sandpaper, мне с телефона трудовато адекватный код писать

Последний раз редактировалось subzey, 17.08.2010 в 20:37.
Ответить с цитированием
  #8 (permalink)  
Старый 17.08.2010, 20:37
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

Как сделать чтобы по вертикали крутились?
Как сделать чтобы в мозилле работали?
И спасибо!
Ответить с цитированием
  #9 (permalink)  
Старый 17.08.2010, 23:43
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

subzey,
спасибо за пиар)))
Ответить с цитированием
  #10 (permalink)  
Старый 18.08.2010, 07:58
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

Сообщение от subzey
Вы все еще любите мозиллу?
а можно раскрыть тему?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вращение изображения qwermjk Общие вопросы Javascript 10 06.08.2010 15:45
вращение фото + xajax subaru AJAX и COMET 3 12.06.2008 21:16