Dear, I would like to add a hover state (eg. different colour or shadow) to an element that is not a button, eg. an image or a container. Is that possible, and, if yes, how to do it?
thanks and kind regards,
Mark
1 Like
Hi @Mark_Fosseprez,
yes you can do this, but I just know it how to do it with custom CSS. You can create a CSS class with the pseudo class :hover and specify it just for e.g. all images. So this style will apply on all images and give them a shadow when you hover them. You have to add the class you created to the element class setting tab. You could also add more properties to your .customclassname:hover and the class name is just an example, you could choose an own name for it.
.customclassname:hover .img {
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75);
}
2 Likes
Thanks! Will give it a try tomorrow!
2 Likes
Let me know if it works.
1 Like
Did the trick, thanks!
2 Likes