Dua kali lima

Demo

2 x 5 = 5 + 5

↻

Walaupun bukan bertujuan untuk mendarab, ungkapan ini lazim digunakan dan biasa kita dengar: dua kali lima. Kenapa ya, mesti dua kali lima. Pernahkah kita mendengar seseorang berkata, misalnya, "Kau pun sama juga, dua kali enam." Phh.. janggal betul bunyinya. Kenapa?

- Sebabnya ialah hanya angka lima saja yang bunyinya boleh dibuat pantun dua kerat,

Dua kali lima,
Dua kali sama.

Dua kali lima,
Dua-dua sama.

HTML view ▼

<div style="background: #0e8ebc; color: white; font: bold 80px sans-serif; height: 80px; padding: 40px 80px; text-shadow: #cccccc 0px 1px 0px, #c9c9c9 0px 2px 0px, #bbbbbb 0px 3px 0px, #b9b9b9 0px 4px 0px, #aaaaaa 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.2) 0px 3px 5px, rgba(0, 0, 0, 0.25) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.15) 0px 20px 20px;">
<div class="jamak">
  <span style="opacity: 0;">2 x 5</span>
  <span style="opacity: 0;">=</span>
  <span>5 + 5</span></div></div>
<div style="margin-right: 10px; text-align: right;"><a href="https://orandableg.blogspot.com/2021/12/dua-kali-lima.html"><span style="background: #eeeeee; border: 1px solid; padding: 2px;">>></span></a></div><br/>
Walaupun yang sebenarnya bukan bertujuan untuk mendarab, ungkapan ini lazim digunakan dan biasa kita dengar: <b>dua kali lima</b>. Kenapa ya, mesti dua kali lima. Pernahkah kita mendengar seseorang berkata, misalnya, "Kau pun sama juga, dua kali <b>enam</b>." Phh.. janggal betul bunyinya. Kenapa?<br/><br/>
- Sebabnya ialah hanya angka lima saja yang bunyinya boleh dibuat pantun dua kerat,<br/>
<br/>
Dua kali lima,<br/>
Dua kali sama.<br/>
<br/>
Dua kali lima,<br/>
Dua-dua sama.
<style type="text/css">
  .jamak span {
  position: absolute;
}
.jamak span:nth-child(1) {
  animation: kecutlompat 8s ease-in-out;
  transform-origin: bottom center;
}
@keyframes kecutlompat {
  0% {
    opacity: 1;
  } 
  20%, 25% {
    transform: scale(1.8, .2) translate(0, 0);
  } 
  30%, 45% {
    transform: scale(1) translate(0, -150px);
  }  
  70% {
    transform: scale(1) translate(0, 0); opacity: 1;
  }
  80% {
    transform: scale(1) translate(0, 0); opacity: 0;
  }
}
.jamak span:nth-child(2) {
  animation: galak 8s ease-out; 
}
@keyframes galak {
 0% {
    opacity: 0; 0px;
  }
  30% {
    opacity: 0; left: 160px;
  }
  35% {
    opacity: 1; left: 160px;
  }
  45% {
    opacity: 0; left: 160px;
  }
  100% {
    opacity: 0; 
  }
 }
  .jamak span:nth-child(3) {
  animation: juntai 8s ease-out;
  transform-origin: bottom center;
}
@keyframes juntai {
  0% {
    opacity: 0;
  } 
  45% {
    opacity: 0;
  } 
  55% {
    transform: rotateX(0deg); opacity: 1;
  } 
  60% {
    transform: rotateX(240deg);
  } 
  65% {
    transform: rotateX(150deg);
  }  
  70% {
    transform: rotateX(200deg);
  } 
  76% {
    transform: rotateX(175deg);
  }
  80% {
    transform: rotateX(180deg);
  }  
  85% {
    transform: rotateX(0deg);
  }
}
  </style>

Tutup