Efek round hover pada image apabila dilalukan cursor - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Efek round hover pada image apabila dilalukan cursor, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Kesan khas pada image apabila dilalukan cursor, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Efek round hover pada image apabila dilalukan cursor
link : Efek round hover pada image apabila dilalukan cursor

Efek round hover pada image apabila dilalukan cursor

Untuk membuat kesan khas pada gambar seperti preview di atas, sila ikuti tutorial di bawah:

1) Login akaun blogger anda

2) Dashboard > Design > Edit HTML > Backup template terlebih dahulu (untuk lagkah berjaga-jaga)

3) Tekan ctrl + F serentak, cari kod

/* Headings

atau

/* Header

Copy kod di bawah dan paste SEBELUM kod /* Headings atau /* Header

a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

Contoh:

a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .9.9;
border-radius:50px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

/*Header

4) Save dan lihat hasilnya.

Selamat mencuba! :)

Demikianlah Artikel Efek round hover pada image apabila dilalukan cursor

Sekianlah artikel Efek round hover pada image apabila dilalukan cursor kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Efek round hover pada image apabila dilalukan cursor dengan alamat link http://carasignup.blogspot.com/2011/12/efek-round-hover-pada-image-apabila.html

Tweet