<template>
    <!-- 电泳跳转页面 -->
    <div class="page-pack">
        <div class="container">
            <!-- 显示区域 -->
            <div class="view-pack">
                <div class="edectroppresis-pack"></div>
            </div>
        </div>
    </div> 
</template>

<script>
    export default {
        data () {
            return {}
        }
    }
</script>

<style lang="scss" scoped>
    .page-pack {
        height: 100%;
        width: 100%;
        .container {
            width: 1556px;
            height: 1037px;
            background: url("../../../assets/images/LedCarouselAvi/led_avi_jump_bg.png");
            overflow: hidden;
            // 显示区域
            .view-pack {
                height: 896px;
                width: 1298px;
                margin-top: 106px;
                margin-left: 130px;
                position: relative;
                // 边缘闪光特效
                @keyframes shine {
                    0% {
                        border-color: rgba(255,255,255,0);
                        box-shadow: 0px 0px 0px inset rgba(255,255,255,0);
                    }
                    100% {
                        border-color: rgba(255,255,255,1);
                        box-shadow: 0px 0px 200px inset rgba(255,255,255,1);
                    }
                }

                .edectroppresis-pack {
                    width: 546px;
                    height: 333px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    animation: shine 1000ms ease-out infinite alternate;
                }
            }
        }
    }
</style>