Kali ini saya ,memberi tutor bagaimana cara membuat POST THUMBNAIL berputar
Ini request dri sobat Kita
Adhithia Rizky,oke gan adit Akan saya beri tau. oke
Kalau ingin Berputer di Post thumbnail di bawah CSSnya
.postthumb{-moz-transform: rotate(715deg);
-webkit-transform: rotate(715deg);
-o-transform: rotate(715deg);
border-radius: 0;
-webkit-box-shadow: 0px 0px 10px #8b0000;
-mox-box-shadow: 0px 0px 10px #8b0000;
-ms-box-shadow: 0px 0px 10px #8b0000;
-o-box-shadow: 0px 0px 10px #8b0000;
box-shadow: 0px 0px 10px #8b0000;
border: 2px solid #8b0000;}
Kalau ingin efek hover letakkan property "Hover" seperti ini...
.postthumb:hover{............;}
Nah jdi kodenya seperti kode d bawah ini
.postthumb:hover{-moz-transform: rotate(715deg);
-webkit-transform: rotate(715deg);
-o-transform: rotate(715deg);
border-radius: 0;
-webkit-box-shadow: 0px 0px 10px #8b0000;
-mox-box-shadow: 0px 0px 10px #8b0000;
-ms-box-shadow: 0px 0px 10px #8b0000;
-o-box-shadow: 0px 0px 10px #8b0000;
box-shadow: 0px 0px 10px #8b0000;
border: 2px solid #8b0000;}.postthumb{-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
Oke terima kasih,semoga bermanfaat.
Title : Cara membuat Post Thumbnail berputar dengan CSS
Description : Kali ini saya ,memberi tutor bagaimana cara membuat POST THUMBNAIL berputar Ini request dri sobat Kita
