Apabila seseorang (tak semua orang) cuba menunjukan rasa tidak puas hati terhadap sesuatu/hal, apabila memperkecilkan sesuatu/hal, tidak mahu menerima apabila diperkecilkan atau dipersalahkan — mereka akan menjawab atau berkata bermula dengan perkataan..
Demo
Hek eleh
Hek eleh
Hek eleh
Hek eleh
<div align="center" style="height: 80px; position: relative;"><div class='pamer' style='color: #aaaaaa'>Hek eleh</div>
<div class='pamer' style='color: #0091ea'>Hek eleh</div>
<div class='pamer' style='color: #ff9100'>Hek eleh</div>
<div class='pamer' style='color: #3a454a'>Hek eleh</div></div><br/>
<style>
.pamer {
position: absolute;
top: 70%;
left: 50%;
font: 80px sans-serif;
width: 100%;
-webkit-animation-name: wave;
animation-name: wave;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #aaaaaa;
}
.pamer:nth-of-type(1) {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
.pamer:nth-of-type(2) {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.pamer:nth-of-type(3) {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
.pamer:nth-of-type(4) {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
@-webkit-keyframes wave {
40%, 50% {
transform: translate(-50%, -65%) scale(1.05);
}
0%, 90%, 100% {
transform: translate(-50%, -45%) scale(0.95);
}
}
@keyframes wave {
40%, 50% {
transform: translate(-50%, -65%) scale(1.05);
}
0%, 90%, 100% {
transform: translate(-50%, -45%) scale(0.95);
}
}</style>
Dah sahur belum? 5:00 pagi
Ulasan