CSS3 :target selector

use of :target CSS3 selector

by toubia95

HTML

<a href="#thediv">Expand</a>
<br /><br />
<div id="thediv"><a href="#thediv">Collapse</a></div>

CSS

#thediv {
    background: #ddd;
    display: block;
    width: 200px;
    height: 200px;
    margin-left: 10px;
    padding: 20px;
    border: 5px solid #ddd;
    -moz-transition: all 0.5s ease;
    resize:vertical;
    overflow:auto;
}

#thediv:target::after {
    content:"";
}

#thediv:target {
    background: #fff;
    display: block;
    width: 500px;
    height: 200px;
    margin-left: 10px;
    padding: 20px;
    border: 5px solid #bbb;
}

#thediv a {
    color: black;
}