-->

Membuat Strike[Coretan Teks] Dengan CSS3

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.


2 komentar

Posting Komentar

Halaman

Copyright © 2020

Cookies