HTML view (tiada kod animasi)
<div class="bulan" style="background: #0c343d; height: 220px; position: relative;"><div class="bulansabit"></div></div>
<style type="text/css">
.bulansabit {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 20px;
left: 0;
width: 150px;
height: 150px;
background: #0c343d;
border-radius: 75px;
box-shadow: 25px 10px 0px 0px #ffffff;
transform: rotateY(180deg);
}
</style>
<style type="text/css">
.bulansabit {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 20px;
left: 0;
width: 150px;
height: 150px;
background: #0c343d;
border-radius: 75px;
box-shadow: 25px 10px 0px 0px #ffffff;
transform: rotateY(180deg);
}
</style>
Ulasan