查看文件: wait-animate.min.css

大小: 5.27 KB

类型: text/css

/* http://waitanimate.eggbox.io/#/*/
.wrench { animation: wrench_9346 6.875s ease infinite; transform-origin: 90% 35%; } @keyframes wrench_9346 { 0% { transform:rotate(-12deg) } 2.90909% { transform:rotate(12deg) } 3.63636% { transform:rotate(24deg) } 6.54545% { transform:rotate(-24deg) } 7.27273% { transform:rotate(-24deg) } 10.18182% { transform:rotate(24deg) } 10.90909% { transform:rotate(24deg) } 13.81818% { transform:rotate(-24deg) } 14.54545% { transform:rotate(-24deg) } 17.45455% { transform:rotate(24deg) } 18.18182% { transform:rotate(24deg) } 21.09091% { transform:rotate(-24deg) } 21.81818% { transform:rotate(-24deg) } 24.72727% { transform:rotate(24deg) } 27.27273% { transform:rotate(0deg) } 100% { transform:rotate(0deg); } }
.shake { animation: shake_5177 3.875s ease infinite; transform-origin: 50% 50%; } @keyframes shake_5177 { 0% { transform:rotate(-12deg) } 5.16129% { transform:rotate(12deg) } 6.45161% { transform:rotate(24deg) } 11.6129% { transform:rotate(-24deg) } 12.90323% { transform:rotate(-24deg) } 18.06451% { transform:rotate(24deg) } 19.35484% { transform:rotate(24deg) } 24.51613% { transform:rotate(-24deg) } 25.80645% { transform:rotate(-24deg) } 30.96774% { transform:rotate(24deg) } 32.25807% { transform:rotate(24deg) } 37.41935% { transform:rotate(-24deg) } 38.70968% { transform:rotate(-24deg) } 43.87097% { transform:rotate(24deg) } 48.3871% { transform:rotate(0deg) } 100% { transform:rotate(0deg); } }
.ring { animation: ring_5658 5.4s ease infinite; transform-origin: 50% 0%; } @keyframes ring_5658 { 0% { transform: rotate(-15deg) } 0.74074% { transform: rotate(15deg) } 1.48148% { transform: rotate(-18deg) } 2.22222% { transform: rotate(18deg) } 2.96296% { transform: rotate(-22deg) } 3.7037% { transform: rotate(22deg) } 4.44444% { transform: rotate(-18deg) } 5.18519% { transform: rotate(18deg) } 5.92593% { transform: rotate(-12deg) } 6.66667% { transform: rotate(12deg) } 7.40741% { transform: rotate(0deg) } 100% { transform: rotate(0deg); } }
.vertical { animation: vertical_8095 5.44s ease infinite; transform-origin: 50% 50%; } @keyframes vertical_8095 { 0% { transform:translate(0,-3px) } 1.47059% { transform:translate(0,3px) } 2.94118% { transform:translate(0,-3px) } 4.41176% { transform:translate(0,3px) } 5.88235% { transform:translate(0,-3px) } 7.35294% { transform:translate(0,3px) } 8.08824% { transform:translate(0,0) } 100% { transform:translate(0,0); } }
.horizontal { animation: horizontal_9184 5.72s ease infinite; transform-origin: 50% 50%; } @keyframes horizontal_9184 { 0% { transform:translate(0,0) } 2.0979% { transform:translate(5px,0) } 4.1958% { transform:translate(0,0) } 6.29371% { transform:translate(5px,0) } 8.39161% { transform:translate(0,0) } 10.48951% { transform:translate(5px,0) } 12.58741% { transform:translate(0,0) } 100% { transform:translate(0,0); } }
.double-flash { animation: double-flash_5680 7s ease infinite; transform-origin: 50% 50%; } @keyframes double-flash_5680 { 0% { opacity:1 } 7.14286% { opacity:0 } 14.28571% { opacity:1 } 21.42857% { opacity:0 } 28.57143% { opacity:1 } 100% { opacity:1; } }
.bounce { animation: bounce_8040 6.6s ease infinite; transform-origin: 50% 50%; } @keyframes bounce_8040 { 0% { transform:translateY(0) } 3.0303% { transform:translateY(0) } 6.06061% { transform:translateY(0) } 12.12121% { transform:translateY(-15px) } 15.15152% { transform:translateY(0) } 18.18182% { transform:translateY(-15px) } 24.24242% { transform:translateY(0) } 100% { transform:translateY(0); } }
.spin { animation: spin_3276 6.5s linear infinite; transform-origin: 50% 50%; } @keyframes spin_3276 { 0% { transform:rotate(0deg) } 23.07692% { transform:rotate(359deg) } 100% { transform:rotate(359deg); } }
.float { animation: float_2558 7s linear infinite; transform-origin: 50% 50%; } @keyframes float_2558 { 0% { transform: translateY(0) } 14.28571% { transform: translateY(-6px) } 28.57143% { transform: translateY(0) } 100% { transform: translateY(0); } }
.pulse { animation: pulse_3523 7s linear infinite; transform-origin: 50% 50%; } @keyframes pulse_3523 { 0% { transform: scale(1.1) } 14.28571% { transform: scale(0.8) } 28.57143% { transform: scale(1.1) } 100% { transform: scale(1.1); } }
.tada { animation: tada_5758 6.6s linear infinite; transform-origin: 50% 50%; } @keyframes tada_5758 { 0% { transform: scale(1) } 3.0303% { transform:scale(.9) rotate(-8deg) } 6.06061% { transform:scale(.9) rotate(-8deg) } 9.09091% { transform:scale(1.3) rotate(8deg) } 12.12121% { transform:scale(1.3) rotate(-8deg) } 15.15152% { transform:scale(1.3) rotate(8deg) } 18.18182% { transform:scale(1.3) rotate(-8deg) } 21.21212% { transform:scale(1.3) rotate(8deg) } 24.24242% { transform:scale(1) rotate(0) } 100% { transform:scale(1) rotate(0); } }
.passing { animation: passing_9996 7s linear infinite; transform-origin: 50% 50%; } @keyframes passing_9996 { 0% { transform:translateX(-50%); opacity:0 } 14.28571% { transform:translateX(0%); opacity:1 } 28.57143% { transform:translateX(50%); opacity:0 } 100% { transform:translateX(50%); opacity:0; } }
.passing-reverse { animation: passing-reverse_2335 7s linear infinite; transform-origin: 50% 50%; } @keyframes passing-reverse_2335 { 0% { transform:translateX(50%); opacity:0 } 14.28571% { transform:translateX(0%); opacity:1 } 28.57143% { transform:translateX(-50%); opacity:0 } 100% { transform:translateX(-50%); opacity:0; } }