Cara Membuat Efek Shadow Pada Blockquote
Efek kotak bayang-bayang akan muncul apabila cursor menyentuh Blockquote. Penasaran? Ikuti langkah-langkah dibawah ini:
1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode .post blockquote { atau blockquote:hover {
4) Copy kode di bawah ini dibawah kode pada nomor 3 tadi
Keterangan:
000000 - warna garis border. Tukar kepada warna yang Anda suka. Cek kode warna disini
FF3399 - warna bayang-bayang efek shadow
1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode .post blockquote { atau blockquote:hover {
4) Copy kode di bawah ini dibawah kode pada nomor 3 tadi
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
}
Keterangan:
000000 - warna garis border. Tukar kepada warna yang Anda suka. Cek kode warna disini
FF3399 - warna bayang-bayang efek shadow
0 komentar:
Posting Komentar