html5地球如何实现转动_随笔

<!doctype html>

<html>

<head>

<style>

* {margin:0padding:0border:0}

div {width:200pxheight:200pxmargin-left:100pxmargin-top:-100px}

img {width:200pxheight:200pxborder-radius:100pxanimation:myfirst 5s linear infinite-webkit-animation:myfirst 5s linear infiniteanimation-play-state:running-webkit-animation-play-state:running}

img:hover {animation-play-state:paused-webkit-animation-play-state:paused}

@keyframes myfirst {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}}

@-webkit-keyframes myfirst {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}}

</style>

</head>

<body>

</body>

</html>

需要的图片

2组-旋转的地球片头动画素材百度网盘免费资源在线学习

链接: https://pan.baidu.com/s/1jv6zwRh4VdK-Rkj3Mrn_DA

提取码: bgpt

2组-旋转的地球片头动画素材 Motion Array - Planet Earth Rotating Motion Array - Globe Animation 下载必看.txt 欢迎来到 HeroNuke!.html dingyuehao.png 0.mov

下载必看.txt 欢迎来到 HeroNuke!.html PlanetEarthRotating.mov dingyuehao.png

制作地球仪的方法如下：

工具／原料：橡胶球、手镯、金属丝。

1、准备一个橡胶球、手镯和金属丝。

2、用工具把橡胶球穿个洞。

3、把金属丝穿进球里。

4、用钳子减掉多余的部分。

5、把手镯剪成两半。

6、用热胶把一半的手镯和地球仪固定起来。

7、减掉空颜料罐子的盖。

8、把地球仪粘在盖子上。

9、最后用马克笔给地球仪上色。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/8377755.html

html5地球如何实现转动

发表评论

评论列表（0条）