2023年1月9日

CSS - 弹性布局 弹性布局的特性，父元素上的弹性布局，当父元素为弹性布局 子元素上的弹性布局

摘要： 1.弹性布局的特性 (1)任何一个容器都可以指定为弹性布局 (2)当我们为父盒子设置为弹性布局之后，子元素的float，clear，vertical-align属性将失效 (3)通过给父元素设置flex属性，来控制子盒子的排列方式与位置 2.父元素上的弹性布局 (1) 设置为弹性布局 display 阅读全文

posted @ 2023-01-09 17:23 Mikasa-Ackerman 阅读(161) 评论(0) 推荐(0) 编辑

CSS - 动画，动画的定义，动画全部属性

摘要： 1.动画的定义 <style> /*只定义起始与结束*/ @keyframes 动画名称1 { from { } to { } } /*用百分比定义动画*/ @keyframes 动画名称2 { 0% { } 10% { } 100% { } } </style> 2.使用动画 /*动画名称 持续5 阅读全文

posted @ 2023-01-09 14:51 Mikasa-Ackerman 阅读(53) 评论(0) 推荐(0) 编辑

CSS - 2D转换，移动，旋转，缩放

摘要： 1.移动 /*第一个参数控制 左右，第二个参数控制 上下*/ transform: translate(10px,20px); /*单独控制 左右*/ transform: translateX(10px); /*单独控制 上下*/ transform: translateY(10px); 参数值 阅读全文

posted @ 2023-01-09 14:34 Mikasa-Ackerman 阅读(66) 评论(0) 推荐(0) 编辑

导航