摘要: 总结:主要在于 steps(12,end)函数,12代表整个动画切成多少段 (类似flash时间轴) end会跳过所有动画的最后一个关键帧跑到循环的第二动画个开头;start的话会跳过第一个关键帧,直接跑第二个关键帧开始执行(每次动画最后执行的关键帧到第二个循环的头一个关键帧这个过渡就是它们偷吃跳掉 阅读全文
posted @ 2020-08-18 01:01 幽悠又 阅读(1177) 评论(0) 推荐(0) 编辑
摘要: 总结:1.transform-style: preserve-3d; 要写在3d动画的父级上否则不会生效; 2.每个面在做变换时更换他们的基点再变换 3.正方体转动时以它的中心转 得把基点设置为x轴y轴z轴的中心 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2020-08-18 00:21 幽悠又 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 元素垂直水平居中方案 已知高宽 1.position=absolute,lrtb=0,margin=auto,包含块一定的是容器。(绝对定位盒模型的特性) left+right+w+p+m = 包含块的宽度 top+bottom+h+p+m = 包含块的高度 2.position=absolute, 阅读全文
posted @ 2020-08-18 00:01 幽悠又 阅读(93) 评论(0) 推荐(0) 编辑
摘要: a.过渡只关系元素的初始状态和结束状态,没有方法可以获取元素在过渡中每一帧的状态 b.元素在初次渲染还没有结束的时候,是没有办法触发过渡的 c.在绝大部分变换样式的切换时,变换组合的个数或位置不一样时,是没有办法触发过渡的 1.过渡 transition-property 指定过渡动画的属性(并不是 阅读全文
posted @ 2020-08-10 23:18 幽悠又 阅读(126) 评论(0) 推荐(0) 编辑
摘要: transform英 [trænsˈfɔːm] 美 [trænsˈfɔːrm] v.使改变形态;使改变外观(或性质);使改观第三人称单数: transforms现在分词: transforming过去式: transformed过去分词: transformed rotate英 [rəʊˈteɪt] 阅读全文
posted @ 2020-08-09 22:58 幽悠又 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 总结:不指定标签类型时,:nth-type-of(2)会选中所有类型标签的第二个。如所有p标签的第二个 所有span标签的第二个 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> < 阅读全文
posted @ 2020-08-08 23:30 幽悠又 阅读(118) 评论(0) 推荐(0) 编辑
摘要: ! 问题 ! 1.css的全称是什么? 2.样式表的组成 3.浏览器读取编译css的顺序? 1.Cascading style sheets 2.样式表的组成 规则 选择器+声明块 声明 CSS合法的属性名+属性值 3.浏览器渲染样式表的顺序 从右往左 !--css声明的优先级--! 选择器的特殊性 阅读全文
posted @ 2020-08-08 23:20 幽悠又 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 总结:为所有被选中的 input 元素直接兄弟元素span设置背景色: input:checked +span{ background-color: pink; } 小点:点击label就会触发input控件,所以可以把label设置溢出隐藏把input藏起来,内部再设置span标签绝对定位填充 < 阅读全文
posted @ 2020-08-08 22:56 幽悠又 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 总结:包裹文本的标签必须为块元素,不能靠内容撑开 因为溢出隐藏(总得有个边界触发溢出😀) 使用: white-space: nowrap; /*设置不换行*/ overflow: hidden; /*设置溢出隐藏*/ text-overflow:ellipsis; /*文本隐藏触发事件:设置省略号 阅读全文
posted @ 2020-08-08 22:27 幽悠又 阅读(416) 评论(0) 推荐(0) 编辑
摘要: ES6模块 引入外部js文件,设置type为module,他们的作用域不会有任何交集, 需要交流数据使用 export导出 import 导入 可以利用解构赋值减少导出导入次数 页面运行模块化文件先运行 阅读全文
posted @ 2020-08-07 14:00 幽悠又 阅读(72) 评论(0) 推荐(0) 编辑