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 :
Sekian postingan dari saya..
Semoga membantu untuk belajar CSSnya dan semoga bermanfaat ;)
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?m=0. Terima kasih!
Ditulis oleh:
Dika - Sabtu, 09 Februari 2013
Sudah lihat demonya, bagus kawan tinggal tambahin contohnya lagi biar pengunjung/pembaca dapat banyak pilihan lagi. Terimakasih tuk sharingx.
BalasHapusoke gan.. :)
Hapus