Tutorial Kawaii textarea

  Oyasumii gaesss Malming kaga keluar dirumah saja sudah cukup ngeblogging ajalah ada kerjaan daripada tidur melulu
Tahu maksud judul diatas??

Ini maksudnya!! Cantik tak??
Mau?? Buat yang mau, jom buat!!

Denim & Simple template : Dashboard >> template >> Edit html >> Centang expand template widget >> cari code </style> >> paste-kan code dibawah ini diatas code </style>
Classic template & blogskin : Dashboard >> template >> edit html >> cari code </style> >> paste-kan diatas code </style>

textarea {
outline: none;
overflow-x: scroll;
overflow-y: scroll;
height: 120px;
padding: 20px;
background: url( URL BACKGROUND);
font-family: consolas;
font-size: 12px;
color: #666;
border: 3px solid pink;
width: 150px;
color: #bbb;
border-radius: 10px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

textarea:hover {
background: url( URL BACKGROUND );
border: 3px dotted pink;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 30px;
color: black;
box-shadow: 0px 0px 20px mistyrose;
}

Code:

Red : Url background, yang pertama itu sebelum hover, yang ke-2 setelah hover
Orange : warna border
Kuning : warna shadow / bayangan


Source : Afiqah dan  Ananda  

Sayonaraaa