@keyframes play{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}
.list_hotline a { background-color: #503eb6; color: #fff; padding: 4px 15px; display: block; position: relative; border-radius: 40px; font-weight: 600; font-size: 18px; display: flex ; justify-content: center; align-items: center; }
.list_hotline a img{max-width:22px;filter:brightness(0) invert(1);margin-right:5px;animation:play 2s ease infinite}
@keyframes euiBeaconPulseSmall{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:0.6}100%{-webkit-transform:scale(1.6);transform:scale(1.4);opacity:0}}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@keyframes alert-fade-in-up{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes my{0%{color:#fcaf17}40%{color:#e8002d}100%{color:#fcaf17}}@-moz-keyframes my{0%{color:#fcaf17}40%{color:#e8002d}100%{color:#fcaf17}}@-o-keyframes my{0%{color:#fcaf17}40%{color:#e8002d}100%{color:#fcaf17}}@keyframes my{0%{color:#fcaf17}40%{color:#e8002d}100%{color:#fcaf17}}
Nguyễn Lân
@keyframes zoom-in-out{0%{transform:scale(0.8, 0.8)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-8deg)}30%,50%,70%,90%{transform:scale3d(1, 1, 1) rotate(8deg)}40%,60%,80%{transform:scale3d(1, 1, 1) rotate(-8deg)}100%{transform:scale(0.9)}}
@keyframes iconSkew{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}
@keyframes fontGrowReverse { 0% { transform: scaleY(2); } 50% { transform: scaleY(1); } 100% { transform: scaleY(2); } }
.fontGrowReverse svg{animation:iconSkew 1s infinite linear}
@keyframes resize { 0% { transform: translateY(0px) scale(1); } 30% { transform: translateY(0px) scale(1); } 50% { transform: translateY(0px) scale(2.1011673151750974) } 70% { transform: translateY(0px) scale(1); } 100% { transform: translateY(0px) scale(1); } }
running-anim-left { animation: running-anim-left 5s linear infinite; } @-moz-keyframes running-anim-left { 0% { left: -10%; } 100% { left: 100%; } } @-webkit-keyframes running-anim-left { 0% { left: -10%; } 100% { left: 100%; } } @keyframes running-anim-left { 0% { left: -10%; } 100% { left: 100%; } }