Archived topic
CSS for hover
4 replies · Started by Fredrick on March 2, 2022
Hello there,
Please can I get the CSS code for hover pop-up effect and shadow, just like the one used in "Broadcast" in the GP site library?
I wanted to get it myself but I was unable to separate the hover CSS from other complimentary CSS. Can you help me out with it, please?
Just hover and shadow please.
thank you
Hi Fredrick,
To have an idea of how we can best assist you, may you provide a link to the page of the site in question? Can you also take a screenshot or provide a description of where you want to implement these effects?
Hope to hear from you soon! :)
Here's a video of what I'm saying. "Broadcast" home archive has hover, I'd like the CSS for just the hover effect with shadow.
Here's a proper link to the video
https://bestofstereo.com/wp-content/uploads/2022/03/Video-0014.mp4
Hi there,
try this CSS:
@media (min-width: 769px) {
.generate-columns .inside-article {
transition: all 0.2s ease-in;
transform: scale(1);
}
.generate-columns .inside-article:hover {
transform: scale(1.01);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}
}