• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Крутим картинку вокруг своей оси с помощью CSS
Крутим картинку вокруг своей оси с помощью CSS
workman
Воскресенье, 03 Января 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
При установки даного, мы раскрутим любую картинку на 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>


смотреть ДЕМО в левой колонки (кнопки соц.сетей)
Прикрепления: 6358490.png (22.4 Kb)


Сообщение отредактировал
workman - Суббота, 16 Января 2016, 10:23
Страна: (RU)
Kosten
Воскресенье, 03 Января 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Так нормально или сказать на любителя.
Страна: (RU)
workman
Воскресенье, 03 Января 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
Так нормально или сказать на любителя.

Ну да. Ну не навязывать же пользователям ... ))) Если честно то я тут делюсь этими разными скриптами ради того чтобы потом не потерять )))
Страна: (RU)
AnTron
Воскресенье, 03 Января 2016 | Сообщение 4
Оффлайн
Пользователи
Сообщений:38
Награды: 0
Но сейчас без alt не куда.
Страна: (RU)
workman
Воскресенье, 03 Января 2016 | Сообщение 5
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата AnTron ()
Но сейчас без alt не куда
Ну а кто мешает прописать?
Страна: (RU)
Марковичь
Воскресенье, 03 Января 2016 | Сообщение 6
Оффлайн
Vip
Сообщений:65
Награды: 0
Вообще то alt, больше вести чем титл.
Страна: (RU)
Сопрано
Понедельник, 04 Января 2016 | Сообщение 7
Оффлайн
Vip
Сообщений:462
Награды: 4
Это хорошо что демо есть, то вообще бы не понял, но думаю, это для меня лишним будет, на блогах видел много.
Страна: (RU)
csretven
Понедельник, 04 Января 2016 | Сообщение 8
Оффлайн
Пользователи
Сообщений:54
Награды: 0
Просто вы наводите на социальные закладки и может это быть дюбое и они немного проворачиваються. Это как навестина меню и оно меняет оттенок но здесьвсе намного глубже создано.
Страна: (RU)
Kosten
Понедельник, 04 Января 2016 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Все правильно, это может быть фото альбом, и сами изображение при наведение немного покрутятся или сдвинутся, что то в этом сочетание. cool
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Крутим картинку вокруг своей оси с помощью CSS
  • Страница 1 из 1
  • 1
Поиск: