- 博客(2)
- 收藏
- 关注
原创 2.CSS 使用 transition过渡 属性 和 transform变化 属性实现动画效果
在实现鼠标悬浮时盒子上移的动画效果时,发现盒子移动地很死板并且由于给盒子添加了浮动的属性,盒子一上移下面的盒子就会有了空间而改变位置,在使用了transition和transform属性后很好地解决了这些问题,借此文章来记录一下transition和transform属性的基本使用。
2024-06-21 17:17:44
2672
原创 1. CSS FlexBox弹性盒子布局
今天在使用html、css画柱形图来进行数据可视化时使用到弹性盒子布局,借此文章来记录一下有关弹性盒子的基本使用。在弹性布局模型中,弹性容器的子元素的水平对齐和垂直对齐都能很方便的进行操控,并且可以在任何方向上排布,也可以“弹性伸缩”其尺寸,既可以增加尺寸以填满未使用的空间,也可以收缩尺寸以避免父元素溢出。通过嵌套这些框(水平框在垂直框内,或垂直框在水平框内)可以在两个维度上构建布局。弹性盒子把一系列项目(元素)沿着同一方向布局。
2024-06-18 14:20:35
827
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人