A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator. In this tutorial we’ll create a little overlay effect with CSS using a combination of the :checked pseudo-class with sibling combinators. The idea is to make an image or element clickable and transiti
![Annotation Overlay Effect with CSS3 | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1b3f271c52e4d748f40ec17826bacbb14e3750b/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2012%2F05%2FAnnotationOverlayEffectwithCSS3.jpg%3Fx49793)