<template>
    <div class="border"></div>
</template>
<style scoped>
.border{
    border: 3px solid rgb(143, 204, 248);
    box-shadow: 3px 3px 40px rgb(143, 204, 248) inset;
    width: 100%;
    position: relative;
    animation: border 2s ease-in-out infinite;
}
@keyframes border{
    0% {
        transform: scale(1);
        box-shadow: 0,0,0,0 rgba(255,255,255,0.7);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0,0,0,0 rgba(255,255,255,0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0,0,0,0 rgba(255,255,255,0.7);
    }
}
</style>