Tutorial Kawaii textarea

https://49.media.tumblr.com/235fd636f37abe1d2a075a119c659050/tumblr_nhsdmbN8TT1rzlvy0o1_500.gif
 
Oyasumii gaesss
Malming kaga keluar dirumah saja sudah cukup
ngeblogging ajalah ada kerjaan daripada
tidur melulu

Tahu maksud judul diatas??


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

No comments:

Post a Comment

Moshi - Moshi

Leave comment here
Request ? tell in cbox
Dont bad words

Obey the rules ? Free comment :)

1
2
3
4
5
 
Related Posts Plugin for WordPress, Blogger...