自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 2.CSS 使用 transition过渡 属性 和 transform变化 属性实现动画效果

在实现鼠标悬浮时盒子上移的动画效果时,发现盒子移动地很死板并且由于给盒子添加了浮动的属性,盒子一上移下面的盒子就会有了空间而改变位置,在使用了transition和transform属性后很好地解决了这些问题,借此文章来记录一下transition和transform属性的基本使用。

2024-06-21 17:17:44 897

原创 1. CSS FlexBox弹性盒子布局

今天在使用html、css画柱形图来进行数据可视化时使用到弹性盒子布局,借此文章来记录一下有关弹性盒子的基本使用。在弹性布局模型中,弹性容器的子元素的水平对齐和垂直对齐都能很方便的进行操控,并且可以在任何方向上排布,也可以“弹性伸缩”其尺寸,既可以增加尺寸以填满未使用的空间,也可以收缩尺寸以避免父元素溢出。通过嵌套这些框(水平框在垂直框内,或垂直框在水平框内)可以在两个维度上构建布局。弹性盒子把一系列项目(元素)沿着同一方向布局。

2024-06-18 14:20:35 698

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除