用Html写的旋转的摩天轮

最新推荐文章于 2023-09-22 21:09:58 发布

于嗟鸠兮

最新推荐文章于 2023-09-22 21:09:58 发布

阅读量3.7k

点赞数 4

分类专栏：学习文章标签： Htm

本文链接：https://blog.csdn.net/qq_37282601/article/details/85005372

版权

这篇博客介绍了如何使用Html5创建一个旋转的摩天轮，摩天轮在顺时针旋转时，上面的孩子会逆时针旋转，通过CSS样式完成定位。作者作为一个Html5初学者，分享了创作过程中的挑战。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Html5的摩天轮

摩天轮在转动的同时,上面的小孩也会跟着变动位置但不会旋转,
原理就是摩天轮顺时针旋转,小孩要同时逆时针旋转

胳膊太疼了小孩的定位都是用最古老的方法加上去的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>摩天轮</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
	</head>
	<body id="main">
		<div id="quan">
			<div id="xuan">
				<img id="img1" src="img/fsw.png"/>
				<div id="xiao">
					<ul id="xiaoul">
						<li class="tt1" id="tt11"><img src="img/boy.png" alt="" /></li>
						<li class