Hover эффект для Рекомендуемых и Товаров

[AlexeyAnokhin]

Добрый день , подскажите как сделать ховер эффект на картинку в рекомендуемых и товарах ?

 

 

 

[Гість]

AlexeyAnokhin, в стилях прописать .product-thumb .image img:hover {box-shadow: 0 1px 8px rgba(0,0,0,.3);} для примера

[Shkip]

смотря какой эффект нужен. например такой

[AlexeyAnokhin]

1 час назад, Legenda сказал:

AlexeyAnokhin, в стилях прописать .product-thumb .image img:hover {box-shadow: 0 1px 8px rgba(0,0,0,.3);} для примера

Благодарю , подскажите как убрать промежутки у некоторых позиций белые по краям ? 

Размер картинки менять пробовал...

 

[Гість]

AlexeyAnokhin, вам тогда лучше добавить вот такие строки, получше будет: 

.product-thumb .image img {

 -moz-transition: all 1s ease-out;

 -o-transition: all 1s ease-out;

 -webkit-transition: all 1s ease-out;

 }

 

.product-thumb .image img:hover{

 -webkit-transform: scale(1.1);

 -moz-transform: scale(1.1);

 -o-transform: scale(1.1);

 }

[AlexeyAnokhin]

Может еще подскажет кто , как сделать ховером картинку другую

[AlexeyAnokhin]

3 минуты назад, Legenda сказал:

AlexeyAnokhin, вам тогда лучше добавить вот такие строки, получше будет: 

.product-thumb .image img {

 -moz-transition: all 1s ease-out;

 -o-transition: all 1s ease-out;

 -webkit-transition: all 1s ease-out;

 }

 

.product-thumb .image img:hover{

 -webkit-transform: scale(1.1);

 -moz-transform: scale(1.1);

 -o-transform: scale(1.1);

 }

Благодарю , да это уже получше... но не работает transition плавность

[AlexeyAnokhin]

4 минуты назад, Legenda сказал:

AlexeyAnokhin, вам тогда лучше добавить вот такие строки, получше будет: 

.product-thumb .image img {

 -moz-transition: all 1s ease-out;

 -o-transition: all 1s ease-out;

 -webkit-transition: all 1s ease-out;

 }

 

.product-thumb .image img:hover{

 -webkit-transform: scale(1.1);

 -moz-transform: scale(1.1);

 -o-transform: scale(1.1);

 }

Благодарю , да это уже получше... но не работает transition плавность

Все решил , image надо было поставить без img

Может как цвета добавить , типа затеменения легкого,  посоветуете ? 

[Гість]

2 минуты назад, AlexeyAnokhin сказал:

не работает transition плавность

Вы в чем смотрите? У меня все работает

[Гість]

8 минут назад, AlexeyAnokhin сказал:

Может как цвета добавить , типа затеменения легкого,  посоветуете ? 

Блин даже незнаю, много всяких свойств есть, можете добавить для свойства hover - opacity: 0.8; или еще что нибудь. Гуглите.