/* ---------------------------------------------- * Generated by Animista on 2022-1-3 10:45:31 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation heartbeat * ---------------------------------------- */ @-webkit-keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.77); transform: scale(0.77); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.77); transform: scale(0.77); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } /* ---------------------------------------------- * Generated by Animista on 2022-1-3 11:24:9 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation shake-bottom * ---------------------------------------- */ @keyframes shake-top { 0%{ transform: rotate(0deg); transform-origin: 50% 0; } 2%{ transform: rotate(2deg); } 4%{ transform: rotate(-8deg); } 6%{ transform: rotate(8deg); } 8%{ transform: rotate(-8deg); } 10%{ transform: rotate(8deg); } 12%{ transform: rotate(-8deg); } 14%{ transform: rotate(8deg); } 16%{ transform: rotate(-2deg); } 18%{ transform: rotate(2deg); } 20%{ transform: rotate(0deg); transform-origin: 50% 0; } } .shake-top { animation: shake-top 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both; }