Iklan Murah
Membuat Tombol Lebih Unik Dengan CSS.docx

Membuat Tombol Lebih Unik Dengan CSS

Membuat Tombol Lebih Unik Dengan CSS | halo sobat,,sudah hampir seminggu blog ini sepi :3 maklum bnyak pelajaran di skolah + facebookan wkwk
okedah kali ini saya akan memposting kategori css 
yang udah gk sabar silahkan sedot nih sobz :
  <html >
        <head>
            <title><!-- Masukan Titlenya --></title>
        </head>
        <body>
<style> 
    .button {
 background-color:rgb(0,165,240);
 border:1px solid rgba(0,0,0,0.2);
 border-radius:4px 4px 4px 4px;
 padding:10px 15px;
 margin:10px;
 box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0px 1px rgb(255,255,255);
 color:rgb(255,255,255);
 display:inline-block;
 font:bold normal 16px Arial,Helvetica,sans-serif;
 text-shadow:0 -1px rgba(0,0,0,0.2);
 cursor:pointer;
}
.button:hover {
 box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0 1px #FFF,0 0 0 30px rgba(255,255,255,0.21) inset;
 -webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0 1px #FFF,0 0 0 30px rgba(255,255,255,0.21) inset;
 -moz-box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0 1px #FFF,0 0 0 30px rgba(255,255,255,0.21) inset;
 background-color:rgba(0,165,240,.9);
}
.button:active,.button:focus {
 -moz-box-shadow:0 0 0 1px rgba(255,255,255,0.21) inset,0 1px #fff,0px 0 10px rgba(0,0,0,0.21) inset;
 -webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.21) inset,0 1px #fff,0px 0 10px rgba(0,0,0,0.21) inset;
 box-shadow:0 0 0 1px rgba(255,255,255,0.21) inset,0 1px #fff,0px 0 10px rgba(0,0,0,0.21) inset;
 background-color:rgba(0,165,240,.9);
}
    </style>
    <center>
    RPL4rt_Tools_VB6.rar<br>
    <a href='http://rpl4rtload.blogspot.com' target='_blank' class='button'>Download</a>
        </body>
        </html>
untuk demo bisa di lihat DISINi
Sekian postingan dari saya..
Semoga membantu untuk belajar CSSnya dan semoga bermanfaat ;)
Anda baru saja membaca artikel yang berkategori CSS / Web dengan judul Membuat Tombol Lebih Unik Dengan CSS. Anda bisa bookmark halaman ini dengan URL http://rpl4rt.blogspot.com/2013/02/tombol.css.html. Terima kasih!
Ditulis oleh: Ferdhika Yudira - Sabtu, 09 Februari 2013

2 komentar untuk "Membuat Tombol Lebih Unik Dengan CSS"

  1. Sudah lihat demonya, bagus kawan tinggal tambahin contohnya lagi biar pengunjung/pembaca dapat banyak pilihan lagi. Terimakasih tuk sharingx.

    BalasHapus

Harap berkomentar sesuai dengan isi posting & komentar spam tidak akan ditampilkan.

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus

Copyright © 2014 RPL4rt Powered by Blogger