Пользовательский раздел
Мастерская сайта
Создавайте свои скрипты через наш новый мощный HTML-редактор и делитесь с ними со всеми пользователями.
В данном разделе вы можете публиковать все что угодно, и главное не стесняйтесь делиться своим опытом и знаниями.

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

Ознакомьтесь с правилами, прежде чем добавлять материалы в данный раздел.

Увеличение изображения при наведении

Последнее обновление :

Возможно на многих сайтах при наведении на изображение вы видели красивый эффект приближения. Сегодня набросал один из таких скриптов.
Это абсолютно чистый скрипт без всяких дополнительных наворотов, только эффект.

И так, для начала оборачиваем наше изображение в div :
Код
<div class="img-effect"><img src="http://www.7uarts.ga/_ld/1/71867931.jpg" style="width:100%"></div>

Далее устанавливаем стили CSS :
Код
.img-effect:hover img {
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);  
opacity: 0.7;
}  
.img-effect img {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;}  

Вот и все. Простой красивый скрипт.


  • Дата публикации

    21.Дек.17 19:26 (Четверг)

  • Версия скрипта

    Не указано

  • Процесс

    Готово на : 100%

  • Версия скрипта

    Не указано

Теги
Теги не указаны.
Прикрепленные файлы
Нету прикреплений.

Комментарии (0)

На данный момент никто не оставил комментариев.

Оставить комментарий :


Требуется войти в свой аккаунт.

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

Вход Регистрация