摘要: 弹性布局 弹性容器: 元素上设置了display:flex;的元素就是弹性容器 弹性子元素: 元素上设置了display:flex;的元素就是弹性容器里面的直接子元素就是弹性子元素。 语法:display:flex; 主轴分布的设置: 侧轴分布的设置: 换行 语法:flex-warp:warp 多行 阅读全文
posted @ 2019-05-27 21:05 c++天下第一 阅读(302) 评论(0) 推荐(0)
摘要: Animation:动画 综合设置语法:animation: donghua 4s infinite; 分别设置: /*动画*/ /*animation: donghua 5s;*/ /*动画的名称*/ animation-name: donghua; /*一次动画所花费的时间*/ animatio 阅读全文
posted @ 2019-05-27 21:01 c++天下第一 阅读(801) 评论(0) 推荐(0)
摘要: Transition过渡 综合设置: transition: all 2s; 分别设置: /*过渡效果*/ transition:height 2s,transform 3s,background 2s; transition: all 2s linear; /*过渡的属性*/ transition 阅读全文
posted @ 2019-05-27 20:59 c++天下第一 阅读(267) 评论(0) 推荐(0)
摘要: 2D移动和旋转 二维平面移动 语法: transform:translateX(移动的距离) translateY(移动的距离); Transform:translate(水平移动距离,垂直移动距离) 可以设置负值,水平的正值是向右移动,垂直的正值是向下移动 二维平面旋转 语法: Transform 阅读全文
posted @ 2019-05-27 20:57 c++天下第一 阅读(539) 评论(0) 推荐(0)