BOX AREA EFEK HOVER NAN CANTIK DAN ELEGAN

Box area ini terdiri style box ini atas propeetis css dengan pemanggilan deklarasi dari nama box, juga dengan efek dari hover nan cantik. Box area ini langsung dipasang pada halaman postingan dan ga repot harus diletakan pada body template. Di bawah ini demo box area dengan warna gradient...

1. Box lengkung tengah Inilah kode css dan javascript box ini: textarea.BDjavas { width:80%; margin:10px auto; padding:20px; color:#444; border:#ccc solid 1px; border-top-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 20px; text-align:justify; font-style:italic; background:#fbc126; -moz-box-shadow: 0 10px 8px #313131; -webkit-box-shadow: 0 10px 8px #313131; box-shadow: 0 10px 8px #313131; } textarea.BDjavas:hover { color:#000; background-color:#f3f3f3; -moz-box-shadow: 0 -10px 8px #676767; -webkit-box-shadow: 0 -10px 8px #676767; box-shadow: 0 -10px 8px #676767; } }</style> Untuk pemanggilan title tambahkan setelah </style> dibawahnya dengan html: <textarea class="BDjavas" cols="60" row="6">. Width= lebar box dan hight sobat bisa sesuai dengan keinginan.

2.
BOX AREA
  3.
  BOX AREA
4.

Di Sini Letak Kode Html/Text/Javascript Anda

5.
  BOX AREA 6. TEXT BOX anda di sini,Semua text akan ada di dalamnya. 7. TEXT BOX. TEXT BOX

Lengkung Kanan-Kiri

Posted in: Tutorial Blog