@wizdm/animate/esm2015/lib/entrances/jack-in-the-box.js

On Scroll Animation for Angular

import { state, animate, style, transition, keyframes } from '@angular/animations';
export const jackInTheBox = [
    state('idle-jackInTheBox', style({ opacity: 0 })),
    transition('* => jackInTheBox', [
        style('*'),
        animate('{{timing}} {{delay}} ease-in', keyframes([
            style({
                transform: 'scale(0.1) rotate(30deg)',
                transformOrigin: 'center bottom',
                opacity: 0,
                offset: 0
            }),
            style({
                transform: 'rotate(-10deg)',
                opacity: 0.7,
                offset: 0.5
            }),
            style({ transform: 'rotate(3deg)', offset: 0.7 }),
            style({ transform: 'scale(1)', opacity: 1, offset: 1 })
        ]))
    ], { params: { timing: '1s', delay: '' } })
];
/*@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}*/ 
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiamFjay1pbi10aGUtYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vYW5pbWF0ZS9zcmMvbGliL2VudHJhbmNlcy9qYWNrLWluLXRoZS1ib3gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVuRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUc7SUFFMUIsS0FBSyxDQUFDLG1CQUFtQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFFO0lBRWxELFVBQVUsQ0FBQyxtQkFBbUIsRUFBRTtRQUU5QixLQUFLLENBQUMsR0FBRyxDQUFDO1FBRVYsT0FBTyxDQUFDLDhCQUE4QixFQUVwQyxTQUFTLENBQUM7WUFDUixLQUFLLENBQUM7Z0JBQ0osU0FBUyxFQUFFLDBCQUEwQjtnQkFDckMsZUFBZSxFQUFFLGVBQWU7Z0JBQ2hDLE9BQU8sRUFBRSxDQUFDO2dCQUNWLE1BQU0sRUFBRSxDQUFDO2FBQ1YsQ0FBQztZQUNGLEtBQUssQ0FBQztnQkFDSixTQUFTLEVBQUUsZ0JBQWdCO2dCQUMzQixPQUFPLEVBQUUsR0FBRztnQkFDWixNQUFNLEVBQUUsR0FBRzthQUNaLENBQUM7WUFDRixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNqRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO1NBQ3hELENBQUMsQ0FFSDtLQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBQyxDQUMzQztDQUNGLENBQUM7QUFFRjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QkciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdGF0ZSwgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIGtleWZyYW1lcyB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGphY2tJblRoZUJveCA9IFtcclxuXHJcbiAgc3RhdGUoJ2lkbGUtamFja0luVGhlQm94Jywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pICksXHJcbiAgXHJcbiAgdHJhbnNpdGlvbignKiA9PiBqYWNrSW5UaGVCb3gnLCBbXHJcbiAgICBcclxuICAgIHN0eWxlKCcqJyksXHJcbiAgICBcclxuICAgIGFuaW1hdGUoJ3t7dGltaW5nfX0ge3tkZWxheX19IGVhc2UtaW4nLFxyXG5cclxuICAgICAga2V5ZnJhbWVzKFtcclxuICAgICAgICBzdHlsZSh7IFxyXG4gICAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMC4xKSByb3RhdGUoMzBkZWcpJyxcclxuICAgICAgICAgIHRyYW5zZm9ybU9yaWdpbjogJ2NlbnRlciBib3R0b20nLCBcclxuICAgICAgICAgIG9wYWNpdHk6IDAsXHJcbiAgICAgICAgICBvZmZzZXQ6IDAgXHJcbiAgICAgICAgfSksXHJcbiAgICAgICAgc3R5bGUoeyBcclxuICAgICAgICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgtMTBkZWcpJywgXHJcbiAgICAgICAgICBvcGFjaXR5OiAwLjcsIFxyXG4gICAgICAgICAgb2Zmc2V0OiAwLjUgXHJcbiAgICAgICAgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdyb3RhdGUoM2RlZyknLCBvZmZzZXQ6IDAuNyB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDEpJywgb3BhY2l0eTogMSwgb2Zmc2V0OiAxIH0pXHJcbiAgICAgIF0pXHJcblxyXG4gICAgKV0sIHsgcGFyYW1zOiB7IHRpbWluZzogJzFzJywgZGVsYXk6ICcnIH19XHJcbiAgKVxyXG5dO1xyXG5cclxuLypAa2V5ZnJhbWVzIGphY2tJblRoZUJveCB7XHJcbiAgZnJvbSB7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjEpIHJvdGF0ZSgzMGRlZyk7XHJcbiAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgYm90dG9tO1xyXG4gIH1cclxuXHJcbiAgNTAlIHtcclxuICAgIHRyYW5zZm9ybTogcm90YXRlKC0xMGRlZyk7XHJcbiAgfVxyXG5cclxuICA3MCUge1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoM2RlZyk7XHJcbiAgfVxyXG5cclxuICB0byB7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcclxuICB9XHJcbn1cclxuXHJcbi5qYWNrSW5UaGVCb3gge1xyXG4gIGFuaW1hdGlvbi1uYW1lOiBqYWNrSW5UaGVCb3g7XHJcbn0qLyJdfQ==