Membuat Bayangan teks dengan css


1.   Tuliskan text / script seperti dibawah ini di notepad. lalu save dengan nama bayangan.html

<html>
<head><title>Bayangan</title>
<style type="text/css">
H1 {text-shadow:5px 5px 5px #FF0000}

.posisi1 {position:relative; top:15; left:25; z-index:10;
 color:#000000; 
font-family:arial; font-size:25pt}

.posisi2 {position:relative; top:-22; left:28; z-index:6; 
color:#00ccff; 
font-family:arial; font-size:25pt}

.posisi3 {position:relative; top:-59; left:29; z-index:6;
 color:#ff00ff; 
font-family:arial; font-size:25pt}:</style>
</head><body>
<div class='posisi1'>Pemrograman Web dengan CSS</div>

<div class='posisi2'>Pemrograman Web dengan CSS</div>

<div class='posisi3'>Pemrograman Web dengan CSS</div>
<h1>Efek Bayangan dengan CSS3</h1></body></html>

2.   Hasilnya :

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s