css animation动画完成后隐藏_关于 css 的一些记录

1.内联元素定位方式：text-align/vertical-align

• 定义行内内容（例如文字）如何相对它的块父元素对齐
• 对齐原理是自动占据剩余空间

2.冒泡状态控制：focuns-within

3.目标状态控制：target

4.阴影扩散：box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) x|y|阴影模糊|阴影扩散|color

5.颜色渐变：linear-gradient（类似实现google???）

6.动画实现的两种形式：

• 动画实现的原理：即定义2中状态，初始状态和结束状态。然后定义状态执行的过程
• transform（状态改变），旋转，缩放，倾斜或平移给定元素（scale，roate）
• transtion （过渡效果），
• animation / @keyframes。组合模式，定义动画

综上一般而言定义动画可使用：transform and transtion || animation and @keyframes

7.非矩形形状：shape-outside

• 相邻的内联内容应围绕该形状进行包装

8.flex布局下的：margin:auto

• 关于flex下的margin:auto，从当前来看，似乎是将设置元素居中？？

9.内联元素和块级元素<