Cara Mudah Membuat Tombol Cantik Dengan CSS3

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Cara Mudah Membuat Tombol Cantik Dengan CSS3, caranya sangat mudah sekali teman teman, kita bisa langsung mempraktekannya, teman teman bisa salinkan scriptnya dibawah sini :

<body>
	<h1>Ini Tombol Cantik Loh</h1>
	<a href="" class="button satu"> DUMET </a>
	<a href="" class="button dua"> SCHOOL </a>
	<a href="" class="button tiga"> TERBAIK DI JAKARTA </a>
</body>

dan ini cssnya :

<style>
	.button {
		padding :10px;
		width: 200px;
		border-radius: 10px;
		text-decoration: none;
		color: white;
		margin-top: 10px;
		display: block;
		text-align: center;
		font-weight: bold

	}
	.satu {background: #9b59b6}
	.satu:hover { -webkit-box-shadow: 0 1px 10px 6px rgba(29,25,22,30);
box-shadow: 0 1px 10px 6px rgba(29,25,22,30);}
	

	.dua {background: #2ecc71}
	.dua:hover {background: #27ae60}
	.tiga {background: #e67e22}
	.tiga:hover {-webkit-box-shadow: 0 11px 10px 0 rgba(10,10,0,10);
box-shadow: 0 11px 10px 0 rgba(10,10,0,10);}


</style>

Jika sudah teman teman bisa save dan jalankan scriptnya dibrowsernya kemudian lihat dan arahkan ke menunya, mudah bukan ? sekian tutorial tentang Cara Mudah Membuat Tombol Cantik Dengan CSS3, sampai bertemu diartikel selanjutnya dan sampai jumpa .

Demo

#KeepLearn

#IsmetMA