- 博客(6)
- 收藏
- 关注
原创 一文让你学会flex布局关于主轴 、侧轴的布局方式
弹性盒子没有固定大小,弹性盒子就是内容大小,添加stretch取值会被拉伸 */space-between 弹性盒子沿主轴均匀排列, 空白间距均分在相邻盒子之间。space-around 弹性盒子沿主轴均匀排列, 空白间距均分在弹性盒子两侧。space-evenly 弹性盒子沿主轴均匀排列, 弹性盒子与容器之间间距相等。/* 结论: Flex布局中,弹性盒子会在弹性容器中被拉伸或者被挤压。在stretch效果中,弹性盒子会沿着侧轴被拉伸直到充满整个盒子。弹性盒子有固定的大小,盒子该多大,就是多大。
2022-10-21 23:19:53 2851 3
原创 总结关于动画与过渡的区别,动画属性、动画的实现步骤
利用animation:动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕后的状态====属性取值添加动画效果。注1.在总结逐帧动画前先解释一下补间动画==通俗点解释,它是动画效果的默认效果----你可以看清楚所有的变化过程。{}==里面填写动画的状态。2、逐帧动画:是指将动画过程等分成N等份。2、过程是否可控(重复播放、最终画面、是否能够暂停):过渡过程不可控,动画过程可控。1、实现的效果:过渡可以实现2个状态间的变化过程,动画可以实现多个状态间的变化过程。1、单位:帧或者动画帧。
2022-10-19 13:54:33 433
原创 平面转换的位移,旋转,缩放,渐变
2.默认的旋转点可以更改-----transfrom-origin(加给需要更改的元素本身)=====可取值方位名词(最常用)====left top right bottom center。注意1.取值 transparent透明======ragb(0,0,0,0.5==透明度)1.transfrom:rotate(角度)单位deg------可取正值,顺时针转动。注意点:1.transform做复合属性,做多重转换不能分开写,后面的会层叠前面的。--------负值,逆时针转动。
2022-10-17 22:29:58 263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人