![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Erdon_Jia_N
这个作者很懒,什么都没留下…
展开
-
【CSS奇技淫巧】filter drop-shadow 的妙用——处理深色logo适配深色背景
背景:最近,在写前端页面的过程中,遇到一个情景,需要在深色背景下放置一个logo,但是拿到的素材只有又一个深色的logo,放上去之后,logo背景糊在了一起,无法直视。如下图:我们可以使用 css 的 filter 对图片进行处理,show you my code ~首先,使用 filter: drop-shadow(0px 150px 0px white); 对图片进行处理,效果如下:可以看到,白色的icon正是我们想要的效果。但是位置好像不太对,没关系,我们可以利用 css3 的 tra.原创 2022-05-18 16:47:28 · 1535 阅读 · 1 评论 -
【CSS3】关于border-radius
border-radius给元素设置圆角边框属性完整写法border-radius: 1-4 length|% / 1-4 length|%; 水平半径 垂直半径常用单位 px % em仅设置一个值 四个方向统一设置四个方向 顺序如下a b c da ---- b| |d ---- c设置两个值对角线a ba ---- b| |b ---- a设置三个数值a b ca原创 2022-03-24 13:56:50 · 310 阅读 · 0 评论 -
【Pinia】文档 & 源码试读 —— Getters 属性的一些思考
对 Pinia getters 属性的一些思考原创 2022-03-15 11:07:34 · 1544 阅读 · 0 评论 -
【JavaScript】ES6 Set 笔记
Set// 构造函数const s = new Set();// 增加元素s.add(xxx);// 长度s.size// 如何遍历for(let i of s) { console.log(i)}s.forEach((key, val) => console.log(key, val)) // key === val// 删除元素 是否删除成功s.delete(xxx) -> boolean;// 判断是否存在s.has(xxx)// 清空s.clear(原创 2022-02-15 09:18:32 · 290 阅读 · 0 评论 -
【JavaScript】一行代码实现二维矩阵的转置
let matrixT = matrix[0].map((item, idx) => matrix.map(row => row[idx]))原创 2022-02-15 09:15:53 · 375 阅读 · 0 评论