<template>
<div class="redLight"></div>
</template>
<style lang="scss" scoped>
@keyframes xpf{
0%{
opacity: 1;
}
50%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}
.redLight{
height: 20px;
width: 20px;
opacity: 0.5;
border-radius: 100%;
background-color: red;
box-shadow: 0 0 50px red;
animation: xpf 2s infinite;
}
</style>