/** * angular-motion * @version v0.4.2 - 2015-09-23 * @link https://github.com/mgcrea/angular-motion * @author Olivier Louvignes (https://github.com/mgcrea) * @license MIT License, http://www.opensource.org/licenses/MIT */ .am-fade-and-scale { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .am-fade-and-scale.ng-enter, .am-fade-and-scale.am-fade-and-scale-add, .am-fade-and-scale.ng-hide-remove, .am-fade-and-scale.ng-move { -webkit-animation-name: fadeAndScaleIn; animation-name: fadeAndScaleIn; } .am-fade-and-scale.ng-leave, .am-fade-and-scale.am-fade-and-scale-remove, .am-fade-and-scale.ng-hide { -webkit-animation-name: fadeAndScaleOut; animation-name: fadeAndScaleOut; } .am-fade-and-scale.ng-enter { visibility: hidden; -webkit-animation-name: fadeAndScaleIn; animation-name: fadeAndScaleIn; -webkit-animation-play-state: paused; animation-play-state: paused; } .am-fade-and-scale.ng-enter.ng-enter-active { visibility: visible; -webkit-animation-play-state: running; animation-play-state: running; } .am-fade-and-scale.ng-leave { -webkit-animation-name: fadeAndScaleOut; animation-name: fadeAndScaleOut; -webkit-animation-play-state: paused; animation-play-state: paused; } .am-fade-and-scale.ng-leave.ng-leave-active { -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes fadeAndScaleIn { from { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } to { opacity: 1; } } @keyframes fadeAndScaleIn { from { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } to { opacity: 1; } } @-webkit-keyframes fadeAndScaleOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes fadeAndScaleOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } }