css
Zhweb_box
这个作者很懒,什么都没留下…
展开
-
深入理解CSS3弹性布局
CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将原创 2020-10-20 00:33:45 · 172 阅读 · 0 评论 -
CSS3 animation 详解
animation介绍animation的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征,可以实现元素不同状态间的平滑过渡(补间动画),经常用来制作动画效果。transition 包括以下属性:transition-property: all; 如果希望所有的属性都发生过渡,就使用all。transition-duration: 1s; 过渡的持续时间。transition-timing-function: linear; 运动曲线。属性值可以是:linear 线性ease 减速原创 2020-10-19 19:41:34 · 1386 阅读 · 0 评论