Membuat Text Box Dengan Efek Hover dengan CSS 3

Setelah beberapa hari gak posting karena baru pengisian jadwal baru untuk semester 4 yang merepotkan dikarenakan dalam masa transisi kurikulum baru dan Pada kesempatan kali ini saya akan posting mengenai Membuat Text Box Dengan Efek Hover dengan CSS 3 Ok ngak perlu panjang lebar langsung saja simak

 Seperti biasa Login ke Akun Blogger sobat

Klik Template >> Klik Edit HTML >> Jangan Lupa Centang Expand Widget Template >> Cari kode ]]></b:skin> dan letakan kode CSS dibawah tepat diatas kode ]]></b:skin>
(gunakan CTRL + F untuk mempermudah)

.KTboxmessage{color: white;background-color: black;width: 500px;margin: 5px 60px;padding: 20px 20px 20px 20px;border: 2px dotted lightgrey;border-radius: 10px;box-shadow: -1px -1px 12px 2px gainsboro;transition: background-color .777s;-webkit-transition: background-color .777s;-moz-transition: background-color .777s;-o-transition: background-color .777s;-ms-transition: background-color .777s;}.KTboxmessage:hover{background-color: CornflowerBlue ;}.KTboxmessage:active{background-color: darkgreen ;}

 Klik Save
Keterangan :
Untuk Penulisan do dalam postingan atau widget gunakan kode :

<div class="KTboxmessage" style="font-family: &quot;Courier New&quot;,Courier,monospace;">LetakanTulisan Atau Kode Disini</div>

Contohnya Seperti ini,. jangan lupa tinggalkan Jejak di Komentar dan ChatBox www.cobacoba-tutorial.blogspot.com