Postingan

Menampilkan postingan dengan label Linear

Warna Warni Button Gradient CSS3

Gambar
Menambahkan postingan yang kemarin mengenai Membuat tombol Dengan CSS3 yang kebetulan ada rekan blogger BelajarCORELDRAW yang meminta beberapa source kode untuk button CSS3 yang lebih berpariasi dengan penggunaan warna yang berbeda, Karena memang kemarin saya hanya membuat satu sample button CSS3 dengan warna gradasi putih. Untuk sekarang saya mencoba memberikan source kode button Gradient CSS3 yang sedikit warna warni , Untuk contoh bisa lihat screen shoot gambar dibawah ini. Untuk source kodenya bisa diambil dibawah ini sesuai dengan warna button CSS3 yang diinginkan. Source kode Black Button : .black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');} .black:hover { background: #000; background: -webkit-gradient(linear,

Menu Navigasi Gradient Linear Dengan CSS3 "Slick Navigasi Black Dop"

Gambar
Postingan kali ini saya coba menulis seputar CSS3 lagi, sebagai pelengkap dari CSS3 yang lalu yaitu Hover background transitions , Hover Tab menu dan juga Postingan yang lalu saya pernah membahas membuat menu navigasi CSS3 dengan menggunakan Free CSS3 Menu Maker . dan kali ini saya coba membuat menu navigasi horizontal dengan menggunakan background gradient linear full CSS3 tanpa image dengan warna Black Dop. Seperti apa bentuknya menu navigasi dengan CSS3 ini lihat screen shoot di bawah ini. Menu Navigasi diatas menggunakan background Gradient linear CSS3 dengan kode warna #444444 pada bagian atas dan #666666 untuk bagian bawah. dan juga ronded corner pada bagian ujung kiri dan kanan, semuanya menggunakan CSS3. Untuk contoh kode Gradient linear seperti ini : background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666)); background: -moz-linear-gradient(top, #444444, #666666); Model navigasi seperti ini kalau dalam bahasa sundanya sih Slick navigasi