css 闪烁灯，警告灯

 

<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>