流星雨特效css3

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
   
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			body{
   
				overflow: hidden;
			}
			section{
   
				position: absolute;
				top: 0;
				left: 0;
                width: 100%;
				height: 100vh;
				background: url(img/xingkong.jpg);
				background-position-x: center;
				background-size: cover;
				animation:  animateBg  5s  linear  infinite;
			}
			
			@keyframes animateBg{
   
				0%,100%{
   
					transform: scale(1);
				}
				50%{
   
					/* transform: scale(1.2); */
				}
			}
			
			span{
   
				position: absolute;
				top:50%;
				left:50<

你可能感兴趣的:(css,CSS动画,HTML5,星系背景,关键帧,视觉艺术)