CSS Border 3D
Beberapa waktu yang lalu, saya sempat mengetengahkan bagaimana membuat border menggunakan gambar. Untuk beberapa aLasan penggunaan border dengan gambar kurang diminati. Ada cara lain agar border eLemen HTML sahabat bisa bervariasi, tidak melulu garis dan tidak hanya gonti-ganti warna. Sahabat bisa membuat border berasa 3D hanya dengan beberapa code CSS, dan tanpa gambar, seperti yang sahabat lihat pada artikeL ini. Hal yang terpenting yang perLu diperhatikan adaLah lebar border dan pemiLihan warna yang tepat agar efek 3D bisa sempurna.
[css]
.bordertridi {
width : 500px;
padding : 10px;
border : 40px solid;
border-color : #631 #951 #b72 #841;
}
[/css]
Tested On : Firefox v4.0 Beta 6, Safari v5.0, Chrome v7 Beta, Opera v10.60
wahhh…. keren nich….
coba dulu ahhhh…. ๐
kau
selalu berbagi ilmu ๐
gawekke Lek ๐
aku pesen siji [-O<
hmm, eMak coba niyh.. makasi Harry..!
wah asiikk…kapan2 saya coba deh… :dance:
Wow! Kok bisa ya?
keren infonya…patut dicoba nih…
ternyata kalo dibikin 4 warna gradien bisa muncul kesan 3D… nice nice…
wah mantab bener….
tambah jago aja…
aku diajari po’o de… ^:)^