Local Target

by Borna Almasi

HTML

<html>
    <body>
        <div id="interesting">
            <a href="#id1">Well</a> 
            <a href="#id2">isn't</a>
            <a href="#id3">THIS</a>
            <a href="#id4">interesing</a>
            <a href="#id5">!?!?</a>
        </div>
        <div id="id1"><p>Bam</p></div>
        <div id="id2"><p>Boom</p></div>
        <div id="id3"><p>Get</p></div>
        <div id="id4"><p>a</p></div>
        <div id="id5"><p>Room</p></div>
    </body>
</html>

CSS

div p{
    display:block;
    padding:5px;
    margin:5px;
    border-radis:10px;
    border: 1px solid black;
}

div:target{
    -webkit-animation:flash 1s;
    animation:flash;
}

@-webkit-keyframes flash{
    50%{background:orange;}
    100%{background:white;}
}