/** * KenBurns */ .kenburns { -webkit-animation-name: kenburns; -moz-animation-name: kenburns; -o-animation-name: kenburns; animation-name: kenburns; } .kenburnsreverse { -webkit-animation-name: kenburnsreverse; -moz-animation-name: kenburnsreverse; -o-animation-name: kenburnsreverse; animation-name: kenburnsreverse; } .kanimate { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 30s; -moz-animation-duration: 30s; -ms-animation-duration: 30s; -o-animation-duration: 30s; animation-duration: 15s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; /* Safari and Chrome */ -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @keyframes kenburns { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } /** * kenburns Reverse */ @-webkit-keyframes kenburnsreverse { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.2); } } @keyframes kenburnsreverse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }