CSS 太阳云动画效果

<template>
	<view class="container">
		<view class="cloud front">
			<view class="left-front"></view>
			<view class="right-front"></view>
		</view>
		<view class="sun sunshine"></view>
		<view class="sun"></view>
		<view class="cloud back">
			<view class="left-back"></view>
			<view class="right-back"></view>
		</view>
	</view>
</template>

<script>

</script>

<style>
	/* 设置整个页面的背景颜色为深灰色 */
	body {
		background-color: #212121;
	}

	/* 设置一个容器，宽度为250px，高度为250px，居中显示 */
	.container {
		width: 250px;
		height: 250px;
		display: flex;
		align-items: center;
		justify-content: ce