Tampilanya seperti berikut :
Dan sourch code nya dapat dilihat disini. . . :
<!DOCTYPE html>
<html lang="en">
<title>Demo objek</title>
<style type="text/css">
<!--
.lingkaran{
background-color:lime;
-moz-border-radius: 280px;
-webkit-border-radius: 3px;
border : 3px solid magenta;
padding : 40px;
width : 120px;
height : 120px;
}
-->
<!--
.kotak{
background-color:lime;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-radius: 10px;
border : 5px solid magenta;
padding : 10px;
width : 300px;
height : 100px;
}
-->
<!--
.shadow{
background-color:lime;
-moz-border-radius-topleft: 0px;
-moz-box-shadow: 10px 10px 5px;
-webkit-border-radius: 10px;
border : 3px solid magenta;
padding : 10px;
width : 300px;
height : 100px;
}
-->
</style>
</head>
<body>
<div class="lingkaran" align="center">
Musim Banyak tugas
dapat diindikasi
dengan adanya
lingakaran hitam
pada mata
</div>
<br />
<div class="kotak">
Wajah menjadi kotak-kotak
karena mikirin tugas yang bentuknya kotak-kotak
</div>
<br />
<div class="shadow">
Muka menjadi abstrak karena sudah
terkontaminasi efek shadow
</div>
</body>
</html>
<html lang="en">
<title>Demo objek</title>
<style type="text/css">
<!--
.lingkaran{
background-color:lime;
-moz-border-radius: 280px;
-webkit-border-radius: 3px;
border : 3px solid magenta;
padding : 40px;
width : 120px;
height : 120px;
}
-->
<!--
.kotak{
background-color:lime;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-radius: 10px;
border : 5px solid magenta;
padding : 10px;
width : 300px;
height : 100px;
}
-->
<!--
.shadow{
background-color:lime;
-moz-border-radius-topleft: 0px;
-moz-box-shadow: 10px 10px 5px;
-webkit-border-radius: 10px;
border : 3px solid magenta;
padding : 10px;
width : 300px;
height : 100px;
}
-->
</style>
</head>
<body>
<div class="lingkaran" align="center">
Musim Banyak tugas
dapat diindikasi
dengan adanya
lingakaran hitam
pada mata
</div>
<br />
<div class="kotak">
Wajah menjadi kotak-kotak
karena mikirin tugas yang bentuknya kotak-kotak
</div>
<br />
<div class="shadow">
Muka menjadi abstrak karena sudah
terkontaminasi efek shadow
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar
anybody yang mau komentar no problem, gak masalah smua .
monggo komentar. . . . .