Jumat, 03 Januari 2020

MEMBUAT GAMBAR BERPUTAR KETIKA MOUSE DIARAHKAN DENGAN CSS

Langsung aja yaa... Berikut kode CSS nya untuk membuat gambar atau foto diblog maupun website berputar ketika mouse diarahkan :


img:hover {
-o-transform:scale(1.2) rotate(360deg) translate(0px);
-moz-transform:scale(1.2) rotate(360deg) translate(0px);
-webkit-transform:scale(1.2) rotate(360deg) translate(0px);
-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;
-webkit-transition:all 1.5s ease ;
}

Khusus untuk pengguna Blogger silhakan paste kan kode berikut sebelum kode
]]>< /b:skin>

.post img:hover {
-o-transform:scale(1.2) rotate(360deg) translate(0px);
-moz-transform:scale(1.2) rotate(360deg) translate(0px);
-webkit-transform:scale(1.2) rotate(360deg) translate(0px);
-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;
-webkit-transition:all 1.5s ease ;
}



Hasilnya kira-kira seperti ini :





Terima kasih sudah menyempatkan diri untuk berkunjung, sekali lagi untuk kritik dan saran silahkan di komentar yaa.... :)



Related Posts:

  • 7Segment Display Dengan ARDUINO PROMINI           Komponen Yang diutuhkan : Arduino Pro Mini 5V/16MHz 4-Digit 7-Segment Display FTDI Cable Old IDE Cable 1"x1" Protoboard Berikut Schematicnya : Dan B… Read More
  • Keutamaan Puasa Ramadhan1. Dari Abu Hurairah radhiallahu 'anhu:Adalah Rasulullah SAW memberi khabar gembira kepada para sahabatnya dengan bersabda, "Telah datang kepadamu bulan Ramadhan, bulan yang diberkahi. Allah mewajibkan kepadamu puasa didalamn… Read More
  • 10 Hikmah Puasa RamadhanHIKMAH PUASA RAMADHANOleh Ustaz Syed Hasan Alatas"Wahai orang-orang yang beriman ! Diwajibkan kepada kamu puasa sebagaimana telah diwajibkan atas orang-orang yang sebelum kamu,supaya kamu menjadi orang-orang yang bertaqwa." (… Read More

0 Comments:

Posting Komentar

Silahkan Berkomentar..!