.cls-1{fill:#ffc541}.cls-2{fill:#4e4066}.cls-3{fill:#6f5b92}.cls-4{fill:#f78d5e}.cls-5{fill:#fa976c}.cls-6,.cls-7,.cls-8{fill:#b65c32}.cls-10,.cls-6{opacity:.6}.cls-7{opacity:.4}.cls-9{fill:#f4b73b}.cls-11{fill:#f9c358}.cls-12{fill:#9b462c}.cls-13{fill:#aa512e}.cls-14{fill:#7d6aa5}.wheel{animation:wheel-rotate 6s ease infinite;transform-origin:center;transform-box:fill-box}@keyframes wheel-rotate{50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}100%{transform:rotate(960deg)}}.clock-hand-1{animation:clock-rotate 3s linear infinite;transform-origin:bottom;transform-box:fill-box}.clock-hand-2{animation:clock-rotate 6s linear infinite;transform-origin:bottom;transform-box:fill-box}@keyframes clock-rotate{100%{transform:rotate(360deg)}}#box-top{animation:box-top-anim 2s linear infinite;transform-origin:right top;transform-box:fill-box}@keyframes box-top-anim{50%{transform:rotate(-5deg)}}#umbrella{animation:umbrella-anim 6s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes umbrella-anim{25%{transform:translateY(10px) rotate(5deg)}75%{transform:rotate(-5deg)}}#cup{animation:cup-rotate 3s cubic-bezier(.455,.03,.515,.955) infinite;transform-origin:top left;transform-box:fill-box}@keyframes cup-rotate{50%{transform:rotate(-5deg)}}#pillow{animation:pillow-anim 3s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes pillow-anim{25%{transform:rotate(10deg) translateY(5px)}75%{transform:rotate(-10deg)}}#stripe{animation:stripe-anim 3s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes stripe-anim{25%{transform:translate(10px,0) rotate(-10deg)}75%{transform:translateX(10px)}}#bike{animation:bike-anim 6s ease infinite}@keyframes bike-anim{0%{transform:translateX(-1300px)}50%{transform:translateX(0);animation-timing-function:cubic-bezier(.47,0,.745,.715)}100%{transform:translateX(1300px)}}#rucksack{animation:ruck-anim 3s linear infinite;transform-origin:top;transform-box:fill-box}@keyframes ruck-anim{50%{transform:rotate(5deg)}}.circle{animation:circle-anim ease infinite;transform-origin:center;transform-box:fill-box;perspective:0}.circle.c1{animation-duration:2s}.circle.c2{animation-duration:3s}.circle.c3{animation-duration:1s}.circle.c4{animation-duration:1s}.circle.c5{animation-duration:2s}.circle.c6{animation-duration:3s}@keyframes circle-anim{50%{transform:scale(.2) rotateX(360deg) rotateY(360deg)}}#ou,.four{animation:four-anim cubic-bezier(.39,.575,.565,1) infinite}.four.a{transform-origin:bottom left;animation-duration:3s;transform-box:fill-box}.four.b{transform-origin:bottom right;animation-duration:3s;transform-box:fill-box}#ou{animation-duration:6s;transform-origin:center;transform-box:fill-box}@keyframes four-anim{50%{transform:scale(.98)}}

Διαβάστε επίσης »