.shake-lr { -webkit-animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } /* ---------------------------------------------- * Generated by Animista on 2021-3-19 14:17:58 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation shake-lr * ---------------------------------------- */ @-webkit-keyframes shake-lr { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 10% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20%, 40%, 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 30%, 50%, 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 90% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } @keyframes shake-lr { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 10% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20%, 40%, 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 30%, 50%, 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 90% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } }