Desain Tabs Article Blog (1)

.img {
/* tampilan gambar depan */
background: url('URL-Gambar Anda');
position: absolute;
width: 200px;height: 200px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-o-transition: background 1s ease;
border: solid 10px #f2f2f2;border-radius: 30%;
box-shadow: 0 0 5px #000 inset, 0 0 5px #000}

.img:hover {
/* tampilan gambar saat hover */
background: url('URL-Gambar Anda');
-webkit-transition-: 1s linear;
-moz-transition-: 1s linear;
-o-transition-: 1s linear;
-webkit-background-position: -600px -400px;
-moz-background-position: -600px -400px;
-o-background-position: -600px -400px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg)}