Friday, January 23, 2015

Cara Membuat Teks Bayangan Dengan Css

Banyak cara membuat variasi tampilan pada web kita, diantaranya kita bisa memberikan efek shadow pada teks. Penggunaan efek shadow pada teks merupakan salah satu bagian trik yang bagus, selain teks lebih enak dibaca juga agar web tampil lebih menarik dan terkesan lebih elegan.
Dalam artikel ini, saya akan mempresentasikan cara menampilkan teks bayangan atau teks shadow yang mungkin sering kita jumpai dalam sebuah situs.
Berikut adalah cara penulisan kode HTML dan CSS

<!DOCTYPE html>
<html>
 <head>
  <title>Teks Bayangan - OkeSchool.com</title>

<style type="Text/Css">
   h3 {text-shadow: 0.1em 0.1em #999;}
</style>

</head>

<body>
  <h3>Contoh CSS - OkeSchool.com</h3>
</body>

</html>
 
Untuk melihat hasil running kode diatas dan untuk mencoba-coba sendiri dengan merubahnya sesuai keinginan Anda, silahkan kopi kode diatas lalu klik menu EDITOR dan salin dihalaman EDITOR.
at

No comments:

Post a Comment