Jump to content


Photo
- - - - -

Сделать тень при наведении курсора на элемент


4 replies to this topic

#1 Evgen20

Evgen20
  • JBZoo User (rus)
  • User rate: 0
  • posts: 15
  • topics: 9

Posted 21 April 2015 - 14:11

Доброго времени суток. Вопрос не касается jbzoo, а касается css. Помогите, пожалуйста, сделать тень у элементов товара при наведении курсора мышки, как на этом сайте: http://jarko66.ru/rolly. Прописывал в файл jbzoo.css  к своему элементу .width25 стиль hover, но все равно ничего не выходит.

Может есть какой-нибудь секрет?


  • 0

#2 Евгений888

Евгений888
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 309
  • topics: 84

Posted 21 April 2015 - 15:03

Здравствуйте! CSS на сайтах едва ли можно сохранить в секрете, вот псевдокласс hover на вашем сайте примере http://clip2net.com/s/3gumvfj. Скорей всего вы его применяете не к тому элементу на который наводите мышку.


  • 0

#3 isay777

isay777
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 21 April 2015 - 15:04

.jbzoo-item-teaser:hover {}

  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#4 Evgen20

Evgen20
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 15
  • topics: 9

Posted 21 April 2015 - 16:13

Здравствуйте! CSS на сайтах едва ли можно сохранить в секрете, вот псевдокласс hover на вашем сайте примере http://clip2net.com/s/3gumvfj. Скорей всего вы его применяете не к тому элементу на который наводите мышку.

Спасибо за ответ. Я как раз так и пробовал, применил псевдокласс hover к своему элементу ".jbzoo .width25"? но ничего не получается. Я так думаю, что не к тому элементу применяю.

 

.jbzoo-item-teaser:hover {}

Вот так, что-то начало работать, но тень падает только внутри этого блока, как будто от краев блока отступ примерно 5 пикселей.


  • 0

#5 Evgen20

Evgen20
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 15
  • topics: 9

Posted 21 April 2015 - 16:28

Нашел. Может кому-нибудь пригодится, hover нужно применять к .jbzoo-rborder .rborder


  • 0




Click to return to top of page in style!