CSS3 action :hover

by Kheema Pandey

HTML

<main>
    <div></div>
    <div class="default"></div>
    <div></div>
    <div></div>
</main>

CSS

div {
    display:inline-block;
    position:relative;
    top:15px;
    transition:top 500ms;
    background:red;
    width:64px;
    height:100px;
}
div:hover, div.default {
    top:0;
}
main:hover div.default:not(:hover) {
    top:15px;
}