Semangat pagi para blogger,kali ini kita share materi cara membuat efek tulisan dengan CSS text shadow.
- Pengertian:
Shadow
adalah bayangan yang terbentuk berdasarkan arah cahaya yang datang. Mungkin dia tidak pernah melihat melihat bayangan dia sendiri
saat sedang bergerak atau beraktifitas dibawah cahaya. Shadow di dalam
blogger adalah bayang dari box atau text yang terbentuk dari script
script susah di mengerti.
Box shadow dan/atau text shadow adalah
properti dalam kode CSS yang memegang kuncu penting dalam membangun
sebuah bentuk desain sederhana tetapi bekesan keren dan nyata.
- Latar Belakang:
- Alat dan Bahan:
- Komputer / Laptop.
- Koneksi Internet.
- Sublime Text.
- Maksud dan Tujuan:
- Memberikan kesan nyata atau 3D pada bentuk bangunnya.
- Dapat memanjakan mata pengunjung agar tidak bosan dan jenuh.
- Langkah - langkah:
- Buka sublime text.
- Ketikkan syntax seperti ini:
<html>
<head>
<style>
h1 {
text-shadow: 2px 2px 2px yellow;
}
</style>
</head>
<body>
<h1>Text-shadow effect!</h1>
</body>
</html>
2px [horizontal offset] =menunjukan nilai posisi bayangan horizontal
2px [vertical offset] = menunjukan nilai posisi bayangan vertikal2
2px [blur amount] = menujukan nilai jarak blur (optional)
yellow [color] = menunjukan nilai warna untuk sebuah sebuah bayangan
- Referensi:
- Penutup:
Wassalamualaikum Wr. Wb.