Membuat Kreasi Objek Dengan HTML
Ok guys ini nantinya gambar yg pingin aq share sama kalian semua, maksud aq bentuk jadinya sih cuman bentuk bangun sederhana seperti ini aja.. hehe
Nah simpel kan ternyata gambarnya.. so, ini dia guys scriptnya buat ngebuat gambar seperti gambar di atas : rumit
juga kalu mikir buat dari 0 gitu itu, hehe
<title>Studi Kasus</title>
<style type="text/css">
<!--
.andi {
background-color: cyan;
-moz-border-radius: 700px;
-webkit-border-radius: 150px;
border: 10px solid #000000;
padding: 50px;
width: 200px;
height: 200px;
}
.bayu {
padding: 50px;
border: 10px solid teal;
width: 200px;
height: 50px;
background: lime;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}
.sulistiya {
padding: 50px;
border: 5px solid red;
-moz-box-shadow: 10px 10px 10px rgba(125, 0, 255, 255);
width: 200px;
height: 50px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
}
-->
</style>
<div align="center" class="andi">
Yang ini border lingkaran.
Gawenen..
OJO ONLEN AE!!!</div>
<div align="center" class="bayu">
KOtaKk.........</div>
<div align="center" class="sulistiya">
efeeKk shadoWw....</div>
naHh, silahkan di coba guYyss,, moga kalian berhasil yaa...
banyak latihan makin pintar dah kaliaNn.. hehe
