TUTORIAL CARA MEMBUAT EFEK BAYANGAN / BOX SHADOW

Berikut ini langkah-langkah cara membuat box shadow yang menurut gue unik dan sangat menarik.
1. Cari kode css yang akan kamu beri effect box shadow ini dengan masuk ke dashboard > template > edit html > proceed. Trus cari pake ctrl+f misalkan div style #content-wrapper ato #main-wrapper
2. Jika sudah ketemu masukin kode position:relative; di dalam {}
3. Tambahkan kode effect box shadownya

#content-wrapper:before, #content-wrapper:after{
content:"";
position:absolute;
top:6px;left:6px;
width:700px;
height:900px;
background:#8f5314;
z-index:-1;}
#content-wrapper:before{top:12px;left:12px;background:#62390e}
4. Atur width dan height, diisi sesuai dengan panjang dan lebar div utama
5. Jangan lupa diatur warnanya
6. Klik save template, kalo tampilan kurang fix atur sendiri ya ampe menurut lo pas dan udah sreg.

Tidak ada komentar:

Posting Komentar