ЭФФЕКТ ТРЯСКИ ИЗОБРАЖЕНИЯ ПРИ НАВЕДЕНИИ - Скрипты - UCOZ - Каталог файлов


Суть скрипта в том, что при наведении на изображение курсором, его трясет непродолжительное время то влево то вправо. Установка: Код для вставки: Код <img src="http://www.csomsk.ru/_ld/44/88954010.png" class="brand buzz-out" border="0" title="Ваш текст с описанием"> В таблицу стилей (CSS) Код /---Тряска картинки---/ .buzz-out { display:inline-block; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0) } .buzz-out:hover,.buzz-out:focus,.buzz-out:active { -webkit-animation-name:buzz-out; animation-name:buzz-out; -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1 } @keyframes buzz-out { 10% { -webkit-transform:translateX(3px) rotate(2deg); transform:translateX(3px) rotate(2deg) } 20% { -webkit-transform:translateX(-3px) rotate(-2deg); transform:translateX(-3px) rotate(-2deg) } 30% { -webkit-transform:translateX(3px) rotate(2deg); transform:translateX(3px) rotate(2deg) } 40% { -webkit-transform:translateX(-3px) rotate(-2deg); transform:translateX(-3px) rotate(-2deg) } 50% { -webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg) } 60% { -webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg) } 70% { -webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg) } 80% { -webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg) } 90% { -webkit-transform:translateX(1px) rotate(0); transform:translateX(1px) rotate(0) } 100% { -webkit-transform:translateX(-1px) rotate(0); transform:translateX(-1px) rotate(0) }
Важно! При копировании материала указывать ссылку на источник. Оценить материал + 2 - 486 - 09-Октября-2016 - 0 Материал разместил:

Похожий материал

Похожего материала не найдено...

Статьи сайта

12-Ноября-2017 в 23:41:03

Рай для верстальщика: синхронизация окон браузеров

29-Июня-2017 в 12:30:13

Что такое информер и зачем нужен на сайте

29-Июня-2017 в 10:21:53

Ограничить длину заголовка и описание к материалу для uCoz

05-Марта-2017 в 12:54:01

Сокращаем "Описание" в вид материалов

01-Марта-2017 в 17:08:05

Не форматируется флешка? Решение есть

Регистрация позволит Вам стать полноценным участником данного проекта. Вы сможете оставлять комментарии, просматривать скрытый текст, голосовать в опросах и многое другое. В случае возникновения проблем с регистрацией, напишите администратору сайта.

Соглошения:

Администрация данного сайта не несет ответственность за использование ресурсов доступных на этом сайте. Вся информация дана исключительно в образовательных целях. Вся информация, расположенная на этом сайте предназначена только для ознакомительных целей, авторы не несут ответственности за возможные последствия использования их в целях, запрещенных Уголовным Кодексом. Вы обязуетесь не применять полученные здесь программы и информацию в целях, запрещённых УК. Ни при каких условиях и обстоятельствах ответственность за последствия, которые прямо или косвенно повлекло за собой использование информации или программного обеспечения, размещенного на этом сайте, не может возлагаться на авторов сайта и быть основанием для их судебного преследования. Вы соглашаетесь с указанными условиями, можете приступить к регистрации и дальнейшему просмотру материалов. В противном случае рекомендуется немедленно покинуть сайт.

Общие правила поведения на сайте:

Начнем с того, что на сайте общаются сотни людей, разных религих и взглядов,
и все они являются полноправными посетителями нашего сайта, поэтому если мы хотим чтобы это сообщество людей функционировало нам и необходимы правила. Мы настоятельно рекомендуем прочитать настоящие правила, это займет у вас всего минут пять, но сбережет нам и вам время и поможет сделать сайт более интересным и организованным.

Начнем с того, что на нашем сайте нужно вести себя уважительно ко всем посетителям сайта. Не надо оскорблений по отношению к участникам, это всегда лишнее. Если есть претензии - обращайтесь к Админам или Модераторам (воспользуйтесь личными сообщениями). Оскорбление других посетителей считается у нас одним из самых тяжких нарушений и строго наказывается администрацией. У нас строго запрещен расизм, религиозные и политические высказывания. Заранее благодарим вас за понимание и за желание сделать наш сайт более вежливым и дружелюбным.

На сайте запрещено:

- сообщения, не относящиеся к содержанию статьи или к контексту обсуждения
- оскорбление и угрозы в адрес посетителей сайта
- в комментариях запрещаются выражения, содержащие ненормативную лексику, унижающие
человеческое достоинство, разжигающие межнациональную рознь
- спам, а также реклама любых товаров и услуг, иных ресурсов, СМИ или событий, не
относящихся к контексту обсуждения статьи

Давайте будем уважать друг друга и сайт, на который Вы и другие читатели приходят пообщаться и высказать свои мысли.

Администрация сайта оставляет за собой право:
Удалять комментарии или часть комментариев, если они не соответствуют данным требованиям.

C уважением администрация сайта