网页开发2

无脑全款买IQ

于 2021-10-26 06:16:07 发布

阅读量67

点赞数

分类专栏： html css js 文章标签： html

本文链接：https://blog.csdn.net/m0_53723953/article/details/120947576

版权

html css js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

html部分

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/01.css"/>
		<script src="js/01.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style>
	@keyframes xuanzhuan{
		from{
		transform: rotate(0deg);	
		}
		to{
		transform: rotate(720deg);
		}
	}
	@keyframes xuanzhuan1{
		from{
		transform: rotate(0deg);	
		}
		to{
		transform: rotate(0deg);
		}
	}
	</style>
	<body>
		<div class="main02">
			<img src="img/02yinle.png" class="music" style="opacity: 1;">
			<img src="img/02yinle.png" class="music2" style="animation: xuanzhuan 4s linear infinite;display: none;">
			<div class="zhongzhi">
				<img src="img/01zhong.png" >
			</div>
			<div class="anniu">
				<img src="img/02anniu.png" >
			</div>
			
			<audio src="music/bgm.mp3" class="music1" autoplay="autoplay">
		     
			</audio>
		</div>
	</body>
	

</html>