Lukis gambar bulan sabit guna CSS


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>

Ulasan