摘要: 基本概念 1、多列布局类似报纸或杂志中的排版方式,上要用以控制大篇幅文本。 2、跨列属性可以控制横跨列的数量 阅读全文
posted @ 2017-12-21 12:00 var_obj 阅读(3343) 评论(0) 推荐(0) 编辑
摘要: 1、秒钟转360度需要60s分60步 2、分针转360度需要3600s分60步 3、秒钟转360度需要43200s分60步 阅读全文
posted @ 2017-12-21 11:55 var_obj 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 无缝滚动:是两组拼在一起的 阅读全文
posted @ 2017-12-21 11:51 var_obj 阅读(707) 评论(0) 推荐(0) 编辑
摘要: 太阳的发散效果主要是利用transform: scale(1.3),将物体变大 阅读全文
posted @ 2017-12-21 11:50 var_obj 阅读(790) 评论(0) 推荐(0) 编辑
摘要: 太阳系主要利用定位,伪元素 参考资料:cssRules js操作cssRules 阅读全文
posted @ 2017-12-21 11:48 var_obj 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 基本介绍 动画序列 1、gun是序列名称 2、通过百分比将动画序列分割成多个节点 3、在各节点中分别定义各属性 4、起始位置最好写上起始值 关键属性 参考资料:https://blog.csdn.net/q1056843325/article/details/53308506?locationNum 阅读全文
posted @ 2017-12-21 11:43 var_obj 阅读(172) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } body { text-align: center; ba 阅读全文
posted @ 2017-12-21 11:38 var_obj 阅读(897) 评论(0) 推荐(0) 编辑
摘要: 1、立体汉字:旋转点left,attr(data-cont)可获取自定义属性值,skewY(倾斜转换)参考地址 2、旋转导航:先移动后旋转,li标签需要延迟执行旋转 注意::hover事件触发自己的:afert伪元素事件中间是没有空格的 阅读全文
posted @ 2017-12-21 11:36 var_obj 阅读(835) 评论(0) 推荐(0) 编辑
摘要: 立方体:父盒子规定了3d呈现属性,立方体做旋转运动 移动顺序:1、每个盒子都先移动100px,然后再做相应的旋转 2、只有这样立方体的几何中心点与父盒子的几何中心点是一样的 阅读全文
posted @ 2017-12-21 11:18 var_obj 阅读(715) 评论(0) 推荐(0) 编辑
摘要: 1、音乐盒子:触碰盒子,盖子会打开 2、百度钱包:触碰钱包,钱包,会180度旋转 阅读全文
posted @ 2017-12-21 10:47 var_obj 阅读(504) 评论(0) 推荐(0) 编辑
摘要: 角度旋转 rotateX:默认以center绕x轴旋转 rotateY:默认以center绕y轴旋转 rotateZ:默认以cente绕z轴r旋转 距离位移 translateX:以x轴为基准移动,右为正值 translateY:以y轴为基准移动,上为正值 translateZ:以z轴为基准移动,靠 阅读全文
posted @ 2017-12-21 10:30 var_obj 阅读(534) 评论(0) 推荐(0) 编辑