Kamis, 05 Mei 2011

Membuat Bayangan Teks (Text Shadow) dengan CSS3

Berikut hasil tampilannya :
Text Example
Langkah pertama kita buat file html-nya terlebih dahulu seperti contoh dibawah : text.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Latihan</title>
</head>
<link href="style.css" rel="stylesheet" type="text/css" />
<body >
<div>Text Ex
ample</div>
</body>
</html>
Selanjutnya kita buat script CSS-nya : style.css
@charset "utf-8"; /* CSS Document */ .shadow { text-shadow: 3px 3px 3px #999; font-weight: bold; font-size: 36px; color: #333; }

0 komentar:

My Facebook

Blog Arsip

About Me

Foto Saya
Sandra Bobby Purbaya
Bandung, Jawa Barat, Indonesia
Jika terdapat banyak kesalahan atau ketidak sesuaian dari isi atau konten pada blog ini. Mohon saran, kritik dan commentnya mengenai isi, judul, tampilan, tulisan, dan lainnya tentunya yang bersifat membangun dengan solusi yang benar untuk meningkatkan kualitas dari blog ini. Terimakasih. :)
Lihat profil lengkapku

Pengikut

Map Visitor

Locations of visitors to this page

Globe Visitor


Anda

promotion and affiliation

Alexa Trafic

Total Tayangan Halaman

YM Status

My Pictures

Sandra Bobby Purbaya Follow bobbycool1 on Twitter