Blogger Tutorial

Membuat Strike[Coretan Teks] Dengan CSS3

08.46,2 Comments

Kali ini Saya akan mengajak anda membuat Strike Baru Ala CSS3, tidak berbeda jauh dari Strike Classic disini kita hanya akan menambah CSS didalam perintahnya(*ya iyalah namanya juga CSS3 masa gak ada CSS-nya).

Jika pada Strike Classic anda menggunakan kode ini:

<strike>Tulisan yang akan dicoret</strike>

Kini kita beralih ke Strike yang memanfaatkan CSS3, hasilnya adalah seperti dibawah ini, silahkan arahkan kursor anda:

Tulisan yang akan dicoret,entah karna salah atau karna apapun


Dan Untuk membuatnya anda hanya perlu menggunakan perintah dibawah ini:

<style type="text/css"> #strike {-o-transition: all 1s ease-in; -moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;}strike:hover { background: blue;opacity: 1.0;filter: alpha(opacity=100);} </style>
<div id="strike"><strike>Tulisan yang akan dicoret,entah karna salah atau hanya untuk gaya<strike></div>

*Strike sebelum di arahkan kursor dapat juga anda berikan Background dengan menambahkan perintah background: red; sebagai contoh diawal kurung kurawal dan untuk background hover dapat anda ganti sesukanya... opacitynya pun dapat anda atur sesukanya, disini saya hanya menggunakan opacity di hover.




hosting indonesia

You Might Also Like

2 komentar: