@-webkit-keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } } @keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } } .slide-top { -webkit-animation: slide-top 0.5s ease-in both; animation: slide-top 0.5s ease-in both; } @keyframes cp-fadeInDown { 0% { opacity: 0; transform: translateY(-25px); } 10% { transform: translateY(-25px); opacity: 0; } 20% { opacity: 1; } 35% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes cp-fadeInUp { 0% { opacity: 0; transform: translateY(25px); } 10% { transform: translateY(25px); opacity: 0; } 20% { opacity: 1; } 35% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes cp-fadeIn { 0% { opacity: 0; } 10% { opacity: 0.3; } 20% { opacity: 0.6; } 35% { opacity: 0.8; } 100% { opacity: 1; } } @keyframes line { to { stroke-dashoffset: 0; } } @keyframes line2 { to { stroke-dashoffset: 0; } } @keyframes pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100%{ opacity: 0; } } @keyframes ship-move{ 0% { transform: translate( 0 , 0 ); } 25% { transform: translate( -15px , 0 ); } 50% { transform: translate( 0 , 0 ); } 75% { transform: translate( 15px , 0 ); } 100% { transform: translate( 0 , 0 ); } } @keyframes wave-move{ 0% { transform: translate( 0 , 0 ); opacity: 1; } 25% { transform: translate( -15px , 0 ); opacity: 0.5; } 50% { transform: translate( 0 , 0 ); opacity: 1; } 75%{ transform: translate( 15px , 0 ); opacity: 0.5; } 100% { transform: translate( 0 , 0 ); opacity: 1; } } @keyframes bag-move{ from{ transform: translate( 0 , -20px); opacity: 0; } to{ transform: translate( 0 , 0 ); opacity: 1; } } @keyframes bag-move01{ 0% { transform: translate( 0 , -20px); opacity: 0; } 50% { opacity: 0; } 100%{ transform: translate( 0 , 0); opacity: 1; } } @keyframes air-move{ 0% { transform: translate( 0 , 0 ); } 25% { transform: translate( 0 , -10px ); } 50% { transform: translate( 0 , 0 ); } 75% { transform: translate( 0 , -10px ); } 100% { transform: translate( 0 , 0 ); } } @keyframes point02 { 0%, 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } 50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 60% { -webkit-transform: translate3d(0, -1px, 0); transform: translate3d(0, -1px, 0); } } @keyframes line-path { to { stroke-dashoffset: 0; } } @keyframes cycle-rotate { to{ transform: rotate(-360deg); transform-origin: 45px 45px; } } @keyframes earth { to{ transform: rotate(360deg); transform-origin: 45px 45px; } } @keyframes cycle-path { to{ stroke-dasharray: 10 , 6 , 10; stroke-dashoffset: 45; } } @keyframes person { 0% { opacity: 0; transform: translateY(10px); } 50% { opacity: 0; transform: translateY(10px); } 100%{ opacity: 1; transform: translateY(0); } } @keyframes star { 0% { opacity: 0; } 50% { opacity: 1; } 100%{ opacity: 0; } } @keyframes house { 0% { opacity: 0; } 50% { opacity: 0; } 100%{ opacity: 1; } } @keyframes door { 0% { opacity: 0; transform: translateY(-60px); } 100% { opacity: 1; transform: translateY(0); } }