??文章目录
- 二、?? 站介绍
- 三、?? 站效果
-
- ??1.视频演示
- ?? 2.图片演示
- 四、?? 站代码
-
- ??HTML结构代码
- ??CSS样式代码
- 五、??更多源码
二、?? 站介绍
?? 站文件方面：html 页结构文件、css 页样式文件、js 页特效文件、images 页图片文件；
三、?? 站效果
??1.视频演示
款乾坤八卦风水罗盘旋转CSS3动画特效代码
?? 2.图片演示
四、?? 站代码
??HTML结构代码
??CSS样式代码
@charset "utf-8";/* CSS Document */* { margin: 0; padding: 0; list-style: none;}.compassdiv .compass .compass-9 { background-image: url(../images/compass/c-a-9.png); position: absolute; z-index: 9; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-background-size: 700px 350px; -moz-background-size: 700px 350px; background-size: 700px 700px; -webkit-border-radius: 350px; border-radius: 350px; -moz-transition: all .45s; -webkit-transition: all .45s; transition: all .45s; -moz-animation: rotate 45s infinite linear; -webkit-animation: rotate 45s infinite linear; animation: rotate 45s infinite linear;}.compassdiv .compass .compass-10 { background-image: url(../images/compass/c-a-10.png); position: absolute; z-index: 10;}.compassdiv .compass .compass-11 { background-image: url(../images/compass/c-a-11.png); position: absolute; z-index: 11; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-background-size: 700px 350px; -moz-background-size: 700px 350px; background-size: 700px 700px; -webkit-border-radius: 350px; border-radius: 350px; -moz-transition: all .55s; -webkit-transition: all .55s; transition: all .55s; -moz-animation: rotate 55s infinite linear; -webkit-animation: rotate 55s infinite linear; animation: rotate 55s infinite linear; -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg); -o-transform: rotateZ(720deg); -ms-transform: rotateZ(720deg); transform: rotateZ(720deg);}.compassdiv .compass .compass-12 { background-image: url(../images/compass/c-a-12.png); position: absolute; z-index: 12; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-background-size: 700px 350px; -moz-background-size: 700px 350px; background-size: 700px 700px; -webkit-border-radius: 350px; border-radius: 350px; -moz-transition
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！