Kumpulan Informasi Loker dan Kuliah di Indonesia

Saturday, July 11, 2015

Web Game : Efek pada Teks

1:46:00 PM Posted by Abdul Rohman No comments
Dalam CSS memberikan fasilitas untuk menentukan efek-efek dari teks yang akan ditampilkan pada halaman web. Dibawah ini adalah beberapa properti teks yang diatur oleh CSS yaitu sebagai berikut:
  1. Shadow atau bayangan (text-shadow), yaitu teks dengan efek bayangan.
  2. Warna teks (color)
  3. Outline teks (outline), yaitu memberikan garis tepi dalam teks.
Contoh:

<html>
    <head>
<style>
.normal {
width: 7em;
}
.shadow {
width: 7em;
text-shadow: 5px 5px 5px #333;
}
.outline {
outline: 3px solid red;
outline-offset: 1px;
}
</style>
    </head>
    <body>
<div class="normal">
Ini adalah kumpulan teks. Ini adalah kumpulan teks.
</div>
<div class="shadow">
Ini adalah kumpulan teks. Ini adalah kumpulan teks.
</div>
<div class="outline">
Ini adalah kumpulan teks. Ini adalah kumpulan teks.
</div>
    </body>
</html>


Hasilnya:














.

0 komentar:

Post a Comment