Judul : Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3
link : Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3
Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3
Rounded Corner dan Shadow akan membuat tampilan sebuah website lebih indah, bukan?
Ini adalah salah satu contoh Rounded Corner dan shadow dengan HTML5 dan CSS3Bagaimana cara membuatnya?
 |
| Rounded Corner |
File HTML5
<!doctype html> <html lang="en"> <head>
<meta charset="utf-8">
<title>Welcome to my webpage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id="main">
<h2><font color="white">REGISTER NOW</font></h2>
</section>
</body>
</html>
<meta charset="utf-8">
<title>Welcome to my webpage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id="main">
<h2><font color="white">REGISTER NOW</font></h2>
</section>
</body>
</html>
File CSS3
#main{
border: 1px solid orange;
width: 300px;
background: orange;
text-align: center;
-webkit-border-radius: 20px;
/* membuat rounded corner */
-webkit-box-shadow: rgb(110,110,110) 5px 5px 8px;
/* value1, value2, value3 = sebelah kanan, bawah, blur
inset akan membuat shadow berada di dalam box
*/
}
border: 1px solid orange;
width: 300px;
background: orange;
text-align: center;
-webkit-border-radius: 20px;
/* membuat rounded corner */
-webkit-box-shadow: rgb(110,110,110) 5px 5px 8px;
/* value1, value2, value3 = sebelah kanan, bawah, blur
inset akan membuat shadow berada di dalam box
*/
}
Demikianlah Artikel Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3
Sekianlah artikel Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3 dengan alamat link https://infoasikindo.blogspot.com/2014/05/membuat-rounded-corner-dan-shadow.html
0 Response to "Membuat Rounded Corner dan Shadow Dengan HTML5 dan CSS3"
Post a Comment