Hi
Emoji Animation Design
RJM Programming - May, 2022
Thanks to
How to Animate an Emoji with CSS
Words
CSS
Hi
<style> .waving:before { content: attr(data-hover); font-size:84px; margin-top:150px; margin-right:150px; margin-left:150px; margin-bottom:150px; } .waving { animation-name: wave-animation; animation-duration: 3.0s; animation-iteration-count: infinite; transform-origin: 70% 70%; } @keyframes wave-animation { 0% { transform: rotate( 0.0deg) } 10% { tRansform: rotate(14.0deg) } 20% { trAnsform: rotate(-8.0deg) } 30% { traNsform: rotate(14.00deg) } 40% { tranSform: rotate(-4.0deg) } 50% { transForm: rotate(10.0deg) } 60% { transfOrm: rotate( 0.00deg) } 100% { transfoRm: rotate( 0.000deg) } } </style>
Email
Email