Cara membuat sudut melengkung (rounded corner) dengan css3.

Browser yang mendukung adalah Firefox, Safari, Chrome, Opera dan IE9.

Contoh demo:

Sudut melengkung css3

Kode css:

1
2
3
4
5
6

/* CSS3 */
.sudut_lengkung {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

Cara membuat text/tulisan berbayang dengan menggunakan css3.
Tulisan berbayang sangat bagus sekali untuk memperindah tampilan blog kamu,
bisa dipasang untuk nama blog, tampilan menu blog, untuk judul posting dan lain-lain sesuai selera.

(* Beberapa browser mungkin tidak mendukung untuk css tulisan berbayang dibawah ini.)

Silahkan lihat contoh/demo nya dibawah ini:

Demo 1:

Demo tulisan berbayang

1
2
3
4
5
6
7
8

<!-- Pasang kode ini pada bagian header blog kamu -->
<style type="text/css">
.berbayang1 {
color: #000;
background: #000;
text-shadow: 1px 1px 4px #fff;
}
</style>

1
2

<!-- Pasang kode ini pada bagian body/konten blog kamu -->
<span class="berbayang1">Demo tulisan berbayang</span>

Demo 2: baca selanjutnya »