CSS3
关注
分享
扫一扫
遥感与地理信息
这个作者很懒，什么都没留下…
展开
-
CSS3实现3d图片旋转动画效果
1.实现原理 1.首先所有的图片的容器position:absolute，叠加在一起，然后一次设置rotateY分别为（36*i）deg ，i取0到10 ；所有图片会相交成一个类似花的形状 然后为每个图片的容器设置translateZ，所有图片会从对应的角度向外移动，扩展成一个大圆，即下图效果 2.创建动画，让rotateY每次增加90deg旋转起来即可。同时，为了观察效果，让rotateX依次...原创 2019-04-23 22:02:31 · 20502 阅读 · 7 评论 -
透明遮罩层鼠标滑过效果-1(div+css）
一.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-05-06 20:42:24 · 1137 阅读 · 0 评论 -
透明遮罩层鼠标滑过效果-2(div+css）
1.代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-05-06 22:22:24 · 297 阅读 · 0 评论 -
js实现简易五子棋游戏
一.源码 1.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2019-06-19 23:40:56 · 5498 阅读 · 0 评论