CSS Skew Rotating

Assalamu'alaikum Wr.Wb.

CSS Skew Rotating Style adalah CSS Skew yang dapat memanipulasi suatu Objek posisi-nya menjadi miring sedangkan CSS Rotate memanipulasi Objek dapat berputar sesuai dengan berapa derajat nilai yang diberikan.

CSS SKEW :

.miring {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

.miring:hover {
  -webkit-transform:skew(20deg,0deg);
  -moz-transform:skew(20deg,0deg);
  -ms-transform:skew(20deg,0deg);
  -o-transform:skew(20deg,0deg);
  transform:skew(20deg,0deg);
}

Seperti yang Mojang dan Bujang ketahui semua berdasar kepada Elemen skew(Xdeg,Ydeg) sedangkan untuk Elemen rotate(Nilai-Derajat deg)

CSS ROTATE :

.putar {
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}

.putar:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}

Kadang Saya tidak habis pikir kenapa dengan CSS ini begitu Amazing, so terima kasih buat orang-orang Genius yang telah menciptakan karya yang besar ini. Go Blog Go...!!! Amiin

Wassalam,