• Страница 1 из 1
  • 1
Общий форум » Самоучитель HTML и CSS » Коды HTML для сайта » Крутим картинку вокруг своей оси с помощью CSS
Крутим картинку вокруг своей оси с помощью CSS
workman
Дата: Воскресенье, 03.01.2016, 19:47 | Сообщение 1
Гл. Модератор
Сообщений:1705
Награды: 8


При установки даного, мы раскрутим любую картинку на 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.01.2016, 10:23
Страна: (RU)
Kosten
Дата: Воскресенье, 03.01.2016, 20:06 | Сообщение 2
Администраторы
Сообщений:16662
Награды: 55


Так нормально или сказать на любителя.
Страна: (RU)
workman
Дата: Воскресенье, 03.01.2016, 20:15 | Сообщение 3
Гл. Модератор
Сообщений:1705
Награды: 8


Цитата Kosten ()
Так нормально или сказать на любителя.

Ну да. Ну не навязывать же пользователям ... ))) Если честно то я тут делюсь этими разными скриптами ради того чтобы потом не потерять )))
Страна: (RU)
AnTron
Дата: Воскресенье, 03.01.2016, 21:16 | Сообщение 4
Пользователи
Сообщений:34
Награды: 0


Но сейчас без alt не куда.
Страна: (RU)
workman
Дата: Воскресенье, 03.01.2016, 21:41 | Сообщение 5
Гл. Модератор
Сообщений:1705
Награды: 8


Цитата AnTron ()
Но сейчас без alt не куда
Ну а кто мешает прописать?
Страна: (RU)
Марковичь
Дата: Воскресенье, 03.01.2016, 23:44 | Сообщение 6
Проверенные
Сообщений:65
Награды: 0


Вообще то alt, больше вести чем титл.
Страна: (RU)
Сопрано
Дата: Понедельник, 04.01.2016, 00:47 | Сообщение 7
Пользователи
Сообщений:413
Награды: 2


Это хорошо что демо есть, то вообще бы не понял, но думаю, это для меня лишним будет, на блогах видел много.
Страна: (RU)
csretven
Дата: Понедельник, 04.01.2016, 01:29 | Сообщение 8
Пользователи
Сообщений:54
Награды: 0


Просто вы наводите на социальные закладки и может это быть дюбое и они немного проворачиваються. Это как навестина меню и оно меняет оттенок но здесьвсе намного глубже создано.
Страна: (RU)
Kosten
Дата: Понедельник, 04.01.2016, 01:51 | Сообщение 9
Администраторы
Сообщений:16662
Награды: 55


Все правильно, это может быть фото альбом, и сами изображение при наведение немного покрутятся или сдвинутся, что то в этом сочетание. cool
Страна: (RU)
Общий форум » Самоучитель HTML и CSS » Коды HTML для сайта » Крутим картинку вокруг своей оси с помощью CSS
  • Страница 1 из 1
  • 1
Поиск: