自定义博客皮肤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)
  • 收藏
  • 关注

原创 hover触发的按钮荧光效果

通过flex将ul内部的li整齐横向排列(也可以使用float达成相同效果,仅限于定位ul时未使用flex,因为父元素弹性定位将导致子元素float失效)通过flex将ul定位到我们需要的位置(我这里定位到了页面中间)(也可以通过传统的position属性来定位到我们想要的位置)使用ul和li来实现这样的一个横向列表,通过为按钮边框以及按钮内部的内容都加上阴影来实现鼠标移动到按钮上产生这样的特效。不再添加before伪类,直接将hover时边框放大和蓝色阴影的效果加在标签的直接父元素上,也就是。

2024-01-24 11:46:15 423 1

原创 前端练习-轮播图

轮播图

2024-01-18 00:42:21 391 1

空空如也

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

TA关注的人

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