Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
MAKE the whole block actionable with CSS only.
<div id="block" title="read more about ...">
<h3><a href="...">Some title here</a></h3>
<p>bla bla bla .... bla!</p>
#block {
position: relative;
overflow: hidden;
#block a:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
#block:hover {
/* some nice hover state styling here */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment