Membuat Text 3D

Hy sob udah lama nih ga posting karena ada kesibukan di sekolah , nah sekarang saya akan memberi tahu cara membuat text 3D / Tulisan 3 Dimensi pada HTML . Untuk tulisan terlihat 3D kita harus menambahkan syntax CSS syntaxnya juga tidak terlalu rumit , sekarang kita langsung saja ke syntaxnya :




<p id="txt"> Belajar Web</p> <style type="text/css"> #txt{ font-family: ABeeZee ; line-height: 1em; color: #FFFFFF; font-weight:bold; font-size: 40px; text-shadow:0px 0px 0 rgb(214,214,214),1px 1px 0 rgb(188,188,188),2px 2px 0 rgb(162,162,162),3px 3px 0 rgb(136,136,136),4px 4px 0 rgb(110,110,110),5px 5px 0 rgb(84,84,84), 6px 6px 0 rgb(58,58,58),7px 7px 6px rgba(0,0,0,0.8),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);} </style>

 Nah syntax di asa akan menghasilkan seperti di bawah ini :

Belajar Web

Jika sobat ingin mengubah bentuk tulisan , sobat tinggal ubah saja font ABeeZee dengan font yang sobat inginkan , jika dalam HTML font-family adalah font face . Ya mungkin tentang yang lainnya kalian pasti mengerti , yah mungkin cuma segitu , semoga dapat bermanfaat .