CSS 蜡烛效果

<template><view class="holder"><!-- 身子 --><view class="candle"><!-- 光源 --><view class="blinking-glow"></view><!-- 火星子 --><view class="thread"></view><!-- 绿光 --><view class="glow"></view><!-- 火 --><view class="flame"></view></view></view>
</template><script>
</script><style>body {background-color: #212121;/* 设置背景颜色为深灰色 */}.holder {margin: 12rem auto 0;/* 设置上边距为12rem，左右居中对齐 */width: 150px;/* 设置宽度为150px */height: 400px;/* 设置高度为400px */position: relative;/* 设置相对定位 */}.holder *,.holder *:before,.holder *:after {position: absolute;/* 设置绝对定