Membuat Textarea dengan tampilan menarik

Cara membuatnya :
1. Login blogger
2. Rancangan, Edit Html, Cari kode ]]>
3. Dan Simpan kode berikut diatasnya :

/* Textarea CSS#<br> ----------------------------------------------- */<br> textarea.css3area {<br> background:-moz-linear-gradient(left, #051547, #253dee, #051547, #253dee, #051547);<br> border: 0px solid transparent;outline: none;<br> border: 5px solid; <br> border-color: #051547 #999 #999 #051547;<br> border-radius: 12px; <br> -moz-border-radius: 12px; <br> -webkit-border-radius: 12px; <br> box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;<br> -moz-box-shadow: <br> -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;-webkit-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;<br> -moz-transition: all 1s ease-out;<br> -webkit-transition: all 1s ease-out; <br> padding: 5px 5px 2px; <br> margin: 20px 10px;-o-transition: all 1s ease-out;<br> height:200px;<br> width: auto;<br> margin-right: 5px;<br> color: #fff;<br> }<br> textarea.css3area:hover {<br> background:-moz-linear-gradient(left, #253dee, #051547, #253dee, #051547, #253dee);<br> border-color: #999 #888 #888 #999;<br> border-radius: 8px; <br> -moz-border-radius: 8px; <br> -webkit-border-radius: 8px;<br> text-shadow: 1px 1px 1px #aaa;<br> color: #fff;<br> box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222;<br> -moz-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222; <br> -webkit-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222;<br> height:200px;<br> width: auto;<br> <br> }
Untuk cara Pakainya:
<textarea class="css3area" cols="60" row="90"><span style="color: blue;">Masukan Texs Sobat Di Sini</span>