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
sumber : http://woengkreatif.blogspot.com/2013/10/membuat-menu-dropbox-dengan-css.html

Komentar

Posting Komentar

Postingan populer dari blog ini

Bahaya Menyentuh Mainboard Komputer Atau Laptop Saat Dihidupkan

Gambar
Hai sahabat, kali ini saya akan membuat tulisan tentang bahaya menyentuh mainboard komputer atau laptop saat dihidupkan. Tapi tulisan ini hanya untuk mengingatkan ya sahabat, bukan berarti saya ingin menggurui Anda. Nah, sebagai teknisi komputer, terkadang kita akan melakukan pembongkaran terhadap komputer atau laptop yang rusak jika diperlukan. Saat pembongkaran itu lah biasanya kita lakukan pengetesan terhadap mainboard komputer atau laptop tersebut, dengan tanpa memasangnya di dalam casing seperti biasanya. Tentu jika demikian, maka mainboard komputer atau laptop yang sedang kita kerja pasti akan mudah untuk disentuh. Nah, di sinilah bahayanya jika Anda tidak berhati-hati. Sebab, dalam kondisi "ON" alias dialiri arus listrik maka mainboard bisa saja rusak jika disentuh menggunakan benda-benda yang terbuat dari logam atau besi, seperti contoh: pinset, obeng dan lain-lain. Kerusakan mainboard tersebut akibat adanya arus pendek atau corsleting saat logam menyentuh komp
Baca selengkapnya

Mengetahui hari pada tanggal tertentu

Gambar
Mengetahui hari pada tanggal tertentu Pada tutorial kali ini akan dibahas mengenai cara pembuatan script PHP untuk menampilkan nama hari pada tanggal tertentu. Sebagai contoh misalkan diberikan suatu tanggal 3 februari 2010, kemudian kita ingin mengetahui hari apakah itu? Baiklah . kita akan segera dengan script PHP yang akan kita buat. Dalama PHP , belum ada suatu perintah langsung untuk mengetahui nama hari pada tanggal tertentu. Untuk itu kita haru membuat scriptnya sendiri. Sebagai pendahuluan, terlebih dahulu saya kenalakan dengan suatu fungsi dalam PHP untuk menampikan nama hari pada tanggal saat ini (  current date ) .  Fungsi tersebut adalah .             Date(“l”); Dengan parameter l ( L kecil ) merupakan format spesifik untuk menampiklan nama hari.  Sedangkan date sendiri adalah fungsi untuk memperolehh tanggal saat ini.  Sehingga akan menghasiklan  output  ( dengan ansumsi tanggal pada saat menjalakan script adalah 1 januari 2014 ). Lantas bagaim
Baca selengkapnya

Teknologi Terbaru di Balik Intel Haswell

Gambar
Prosesor Intel Core i generasi ketiga dengan arsitektur Ivy Bridge ternyata mampu mengulang kesuksesan yang telah ditorehkan oleh prosesor generasi sebelumnya dengan arsitektur Sandy Bridge. Performa tinggi di kelasnya, konsumsi daya rendah, dan harga jual menarik membuat prosesor dengan proses fabrikasi 22 nm ini mendulang sukses baik di pasar komputer desktop maupun mobile. Dengan hadirnya beragam varian dari kelas di atas 3 juta rupiah hingga di bawah 1 juta rupiah membuat prosesor Intel Ivy Bridge tidak hanya diterima oleh kalangan berkantong tebal tetapi juga kalangan berkantong pas-pasan. Oleh karena itu, tidak aneh jika platform Ivy Bridge menjadi incaran pengguna yang ingin memiliki sebuah komputer terbaru. Logo baru prosesor Intel Core i7/Core i5/Core i3 Haswell Hari ini merupakan saat istimewa bagi Intel karena prosesor Core i kelas mainstream mereka akhirnya menginjak generasi keempat. Prosesor Core i generasi keempat ini menghadirkan arsitektur terbaru bernama Haswel
Baca selengkapnya