Wednesday, April 3, 2013

Cara Membuat Effect Shadow Pada Submit Button Dengan CSS3

Cara Membuat Effect Shadow Pada Submit Button Dengan CSS3 ~ Keluarnya Revisi Dari Cascading Style Sheet atau lebih dikenal dengan istilah CSS yang sudah mencapai revisi ke-3 ini memang sangat simple dalam pembuatan listing dibandingkan dengan CSS versi Sebelumnya.

CSS berfungsi untuk memberikan desaigner pada website sehingga web mudah dipahami dan Tampilannya lebih fresh dan tidak kaku, Dengan CSS inilah bagian paling luar dari sisi Website. Salah Satu Kelebihan dari CSS revisi ke-3 ini yaitu Membuat Effect Shadow Pada Tombol Submit sehingga tampilan dari Web terlihat lebih halus dibandingkan menggunakan tombol default bawaan dari HTML5.

Berikut contoh penggunaan CSS3 untuk Membuat Effect Shadow Pada Tombol Submit dalam Website :

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”id-ID” >
<head profile=”http://gmpg.org/xfn/11″ >
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Belajar Membuat Effect Bottom Shadow CSS3</title>
<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” />
</head>
<body>
<h1 id=”title” class=”BottomShadow BMedium BNormal”>CONTOH BOTTOM SHADOW</h1>
</body>
</html>


Semoga artikel Cara Membuat Effect Shadow Pada Submit Button Dengan CSS3 bermanfaat bagi Anda. Jika kamu suka dengan artikel Cara Membuat Effect Shadow Pada Submit Button Dengan CSS3 ini, like dan bagikan ketemanmu.

Post a Comment

Belajar Syntax - All Right Reserved.Powered By Blogger
Edit by : Agungjies.web.id