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

原创 使用sass来画星空效果

这里有个问题就是动画一直是循环播放的,网上其他大部份的星空就是在这里有个问题,页面会卡顿一下。所以这里需要在生成一个利用伪元素生成一个元素放在它的下面,当他向上平移的时候下面的页面也会平移。这里三个div就代表三层星星,只要一层写好了,那么其他两次也是改一下大小复制一下就可以了。相信大家能够在网上搜到各种效果的星空背景,写的方法也是各种各样。,还有就是为什么for循环从2开始,因为我们先声明$shadow的时候已经给了第一个点的值了。最重要的是如果去写一个函数去生成一个我们想要的阴影,这里用到了。

2023-07-01 16:38:53 210

原创 sass的模块导入

所以这@import就是这两种用法,运行时相当于纯css用法,编译时的用法会有问题所以sass官方不太推荐使用编译时的用法。在编译过后我们能看见编译后的common文件没有了@import这一行且我们的使用的变量也自动匹配了颜色。sass的模块化与css的模块化不同,css的模块化是把css分成多个css文件然后通过impot引入,css是会参与到运行当中,当运行时通过import导入。@use导入的模块是有命名空间的,在我们使用某个模块里定义的属性时需要带上他们命名空间,不然就会报错。

2023-06-27 16:09:35 743 2

空空如也

空空如也

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

TA关注的人

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