Крутим картинку вокруг своей оси с помощью CSS
|
|
workman | Воскресенье, 03 Января 2016, 19:47 | Сообщение 1 |
| При установки даного, мы раскрутим любую картинку на 360 гр. при наведении на нее мышки.
JS ставим вниз сайта перед /body
Код <style>#workman a:hover { background-color: transparent;opacity:0.7; } #social img { -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; } #workman img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }</style> Ну а это по месту где будет стоять картинка
Код <div id="workman"><img src="ссылка на картинку" alt="ключ" /></div>
смотреть ДЕМО в левой колонки (кнопки соц.сетей)
Сообщение отредактировал workman - Суббота, 16 Января 2016, 10:23 | Страна: (RU) |
| |
Kosten | Воскресенье, 03 Января 2016, 20:06 | Сообщение 2 |
| Так нормально или сказать на любителя.
| Страна: (RU) |
| |
workman | Воскресенье, 03 Января 2016, 20:15 | Сообщение 3 |
| Цитата Kosten ( ) Так нормально или сказать на любителя. Ну да. Ну не навязывать же пользователям ... ))) Если честно то я тут делюсь этими разными скриптами ради того чтобы потом не потерять )))
| Страна: (RU) |
| |
AnTron | Воскресенье, 03 Января 2016, 21:16 | Сообщение 4 |
| Но сейчас без alt не куда.
| Страна: (RU) |
| |
workman | Воскресенье, 03 Января 2016, 21:41 | Сообщение 5 |
| Цитата AnTron ( ) Но сейчас без alt не куда Ну а кто мешает прописать?
| Страна: (RU) |
| |
Марковичь | Воскресенье, 03 Января 2016, 23:44 | Сообщение 6 |
| Вообще то alt, больше вести чем титл.
| Страна: (RU) |
| |
Сопрано | Понедельник, 04 Января 2016, 00:47 | Сообщение 7 |
| Это хорошо что демо есть, то вообще бы не понял, но думаю, это для меня лишним будет, на блогах видел много.
| Страна: (RU) |
| |
csretven | Понедельник, 04 Января 2016, 01:29 | Сообщение 8 |
| Просто вы наводите на социальные закладки и может это быть дюбое и они немного проворачиваються. Это как навестина меню и оно меняет оттенок но здесьвсе намного глубже создано.
| Страна: (RU) |
| |
Kosten | Понедельник, 04 Января 2016, 01:51 | Сообщение 9 |
| Все правильно, это может быть фото альбом, и сами изображение при наведение немного покрутятся или сдвинутся, что то в этом сочетание.
| Страна: (RU) |
| |