Crear cuenta(1)
<!DOCTYPE html>
<html>
<head>
<style>
body {background:#000000;
}.all a {
width:200px;height:200px;margin:10px;display:inline-block;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
background:#D4D4D4;
}.all a:focus {
-webkit-transform:rotateZ(180deg);
-moz-transform:rotateZ(180deg);
-ms-transform:rotateZ(180deg);
-o-transform:rotate(180deg);
background:#4D4D4D;
z-index:100;
}</style>
</head>
<body>
<div class="all">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</body>
</html>
