Berbicara teks memang merupakan kebutuhan untuk kita dan menjadi bagian terpenting pada setiap kegiatan di dunia komputer ini,tanpa teks mungkin akan hampa pengetahuan kita.teks memang banyak jenisnya,kali ini edmunds akan membahas mengenai effek 3D pada teks.
3D teks memberikan efek yang lebih bagus dan menarik bagi teks.ketebalan teksnya sangat tebal sekali
dan kini 3D teks dalam css akan memberikan keindahan bagi para editor.
Screenshot
DEMO LIVE .
Untuk Demo Internal(Hasil Sebenarnya) Dapat dilihat di bawah Ini
untuk melihat hasilnya,silahkan test lihat di sini
3D teks memberikan efek yang lebih bagus dan menarik bagi teks.ketebalan teksnya sangat tebal sekali
dan kini 3D teks dalam css akan memberikan keindahan bagi para editor.
Screenshot
DEMO LIVE .
Untuk Demo Internal(Hasil Sebenarnya) Dapat dilihat di bawah Ini
HALO KAWAN!
Kode
CSS
<style>
body {
background: #00adef;
}
h1 {
margin: 0;
font: bolder 100px "Helvetica Neue";
color: #fff;
text-shadow: 0 2px 0 #cccccc, 0 3px 0 #c9c9c9, 0 4px 0 #bbbbbb, 0 5px 0 #b9b9b9, 0 6px 0 #aaaaaa, 0 8px 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.3), 0 5px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.25), 0 20px 10px rgba(0, 0, 0, 0.2), 0 30px 30px rgba(0, 0, 0, 0.15);
</style>
HTML
<h1>HELLO FRIEND!!!</h1>
CSS
<style>
body {
background: #00adef;
}
h1 {
margin: 0;
font: bolder 100px "Helvetica Neue";
color: #fff;
text-shadow: 0 2px 0 #cccccc, 0 3px 0 #c9c9c9, 0 4px 0 #bbbbbb, 0 5px 0 #b9b9b9, 0 6px 0 #aaaaaa, 0 8px 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.3), 0 5px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.25), 0 20px 10px rgba(0, 0, 0, 0.2), 0 30px 30px rgba(0, 0, 0, 0.15);
</style>
HTML
<h1>HELLO FRIEND!!!</h1>
untuk melihat hasilnya,silahkan test lihat di sini
referensi :http://trisnanugrohosite.blogspot.com/2012/11/3d-teks.html
0 komentar:
Posting Komentar