Membuat Efek Blur Pada Link Saat Mouse Over dengan CSS3

Membuat Efek Blur Pada Link Saat Mouse Over dengan CSS3

Motivation - Ass. wr. wb. Kali ini, Saya akan membagikan lagi salah satu tutorial blog, untuk kali ini saya akan membagikan Cara "Membuat Efek Blur Pada Link Saat Mouse Over dengan CSS3". Efek ini akan langsung bekerja otomatis pada setiap link di blog anda saat mouse over. Efek ini 100% Murni menggunakan CSS3 sehingga tidak melambatkan dan menurunkan kualitas atau performa blog anda.

DEMO

Bagaimana cara memasangnya? oke kalau begitu yuk disimak langkah-langkah pemasangannya dibawah ini:

• Cara Pemasangan

1. Masuklah ke Dashboard akun Blogger anda.
2. Klik Template >> Edit HTML. Untuk berjaga-jaga dari ketidak valid-an, maka saya sarankan untuk mem-backUp template anda.
3. Simpan dan Letakkan Kode Berikut Ini, Tepat di atas kode ]]></b:skin>

 .entry-content a {
  text-decoration: none;
  text-align: center;
  color: #0000aa;
  top: 0;
  left: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}

.entry-content a:hover {
  text-decoration: none;
  cursor: pointer;
  color: transparent;
  text-shadow: 0 0 2px #aa9f97;
}

Ket :

• Teks yang berwarna Biru merupakan Kode warna, Silahkan Ubah Warna sesuai keinginan kalian.
• Teks Berwarna Hijau merupakan Level Blur yang di berikan, silahkan ubah sesuai keinginan kalian.

Nah, Itulah Tutorial Blog yang bisa saya berikan kali ini, yaitu cara "Membuat Efek Blur Pada Link Saat Mouse Over dengan CSS3". Semoga Bermanfaat. Terima Kasih.

Motivation_2014Arsip