<a class="one" href="#"></a> <a class="two" href="#"></a> <a class="san" href="#"></a> <br> <a class="yon" href="#"></a> <a class="goo" href="#"></a> <a class="rok" href="#"></a> <a class="ryk" href="#"></a> <br> <a class="x7" href="#"></a> <a class="x8" href="#"></a> <a class="x9" href="#"></a> a { display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-
![borderとtransitionを使ったエフェクト - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/187979eb7ff2db4de1b07149f2fff3040ef077b0/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fc%2FL%2FL%2FcLLl.jpg%3Ft%3D1317925229)