Css Hover states

Testing css hover states for borders of a div

a mini project to test out a hover states when the user hovers over a certain item to let them know its selected without using javascript and just pure css

Credit to pixel union where I saw the effect and was curious to how it was achieved at first I was sure it was javascript till doing some research. I decided to create my own version. The secret to doing this is to alter a different element to the one hovered using css like below

.boxBorder:hover .Box{ height: auto; min-height: 320px; } 

If people are interested I’ll do a more detailed explanation/tutorial on how to do this yourself

see the live demo