MouseOver block with page peel — Entirely CSS

My latest bit of code is for a mouse-over box used as a link. “block_link”. I wanted to build an effect using purely CSS to deliver a box shadow and image opacity effect and I believe it turned out pretty nice. I also like the benefit that it makes handheld devices stagger a second while scrolling. It helps signal the link.

The examples can be seen on the Salvatori’s homepage: https://salvatorisitalian.com/.

Please feel free to play with the code and see what you come up with. Note: I had to change the background color of the page to show the transparency effect. It was designed to highlight on a colored or textured background.