Trying to give my "Stacked image layout blocks" a hover effect - having a issue with getting it to work
This is the code i´m currently using ->
/*HOVER MODE FOR SUMMARY BLOCKS*/
#scale-up .sqs-block-image .design-layout-stack .summary-item {
transition: box-shadow .5s, transform .5s;
}
#scale-up .sqs-block-image .design-layout-stack .summary-item:hover {
box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.1);
transform: translateY(-10px);
}
Here is a link to the website where i found the code
https://thirtyeightvisuals.com/blog/hover-effect-summary-block-gallery-block-squarespace