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

Расположение картинок при наведении курсора

+ Ответить

Сообщений: 2 Страница 1 из 1


Расположение картинок при наведении курсора

sem.recent » Вт май 13, 2014 1:53 pm

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



HTML

<div class="imgs"><img src="http://wp-content/up...014/01/Kofe.png" alt="" width="162" height="162" /></div>



СSS

.imgs{
display: block;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
.imgs:hover {
opacity: .9;
-webkit-transform: scale(1.11,1.17);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 550ms;
-moz-transform: scale(1.11,1.17);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 550ms;
}
Аватара пользователя

sem.recent

  • Сообщения: 1
  • Зарегистрирован: Вт май 13, 2014 1:51 pm

Re: Расположение картинок при наведении курсора

XainPro » Чт май 15, 2014 7:48 am

Хороший эффект, но это CSS3 я не был бы в состоянии помочь вам: (
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm


+ Ответить

Страница 1 из 1