Minggu, 03 Mei 2015

Membuat menu dropbox dengan CSS

Membuat menu dropbox dengan CSS



Oke kak , kali ini saya akan memberikan tutorial bagaimana cara membuat Menu dropbox dengan change yang mempunya timming waktu oke enggak usah lama-lama :D

Pertama ketikan script berikaut di

<style>

a{
background:orange;
padding:10px;
width:50px;
height:50px;
border-radius:5px;
font-size:40px;

/*

di sini saya menggunakan fungsi dari CSS3
buat yang belum ngerti bisa di seraching aja di google udah banyak di bahas
 */
 -webkit-transition-property: padding ,width, height,border-radius;
 -webkit-transition-duration:1s;


}

a:hover{
padding:20px;
height:70px;
width:100px;
font-size:50px;
border-radius:0px;
}
</style>

<body>

<a href=#>HOME</a>
</body>

terima kasih udah mengunjungi blok saya

Tidak ada komentar:

Posting Komentar