html - my whole div is clickable. can I make hover effects on links when the pointer is in the div area? -
http://www.grandeformato.com/new/
under slider have section called product-section clickable divs. css of "hover" of div is:
.product-section ul li:hover { box-shadow: 0px 0px 6px 0px #ccc; } .product-section ul li h4:hover { color: #ff601a; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; }
and can see link becomes orange (ff601a) when pointer on it. possible becoming orange when pointer on whole div?
sure thing!
you can use :hover sector on parent change child's properties.
.product-section ul li:hover h4 { color: #ff601a; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; }
Comments
Post a Comment