获得徽章 0
赞了这篇沸点
分享一个方法:Github Clone 项目太慢?试试这个方法吧👏
注:前几天我在朋友圈看到,亲测有效👍
追梦玩家于2020-03-22 17:15发布的图片
13
赞了这篇沸点
CSS阴影效果三剑客:box-shadow、text-shadow、drop-shadow
🍃想要盒子的轮廓产生阴影效果,使用box-shadow
🍃想要文本的轮廓产生阴影效果,使用text-shadow
🍃想要PNG图片非透明部分的轮廓产生阴影效果,使用fliter: drop-shadow()
当然,如果想要依据元素本身颜色产生映射的阴影颜色,可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果,哔咔哔咔⚡juejin.im
展开
JowayYoung于2020-03-23 13:47发布的图片
3
赞了这篇沸点
《每日分享一个iCSS》使用box-shadow裁剪图像 🎉
codepen.io
JowayYoung于2019-12-09 09:47发布的图片
评论
赞了这篇沸点
:nth-child(1) 与 :nth-of-type(1) 的区别(以下图代码为例):

span:nth-child(1) 匹配的是:1. `<span>`;2. 是父元素的第一个孩子。判断条件使用 JS 表达是下面这样的:

if (parent.children[0] && parent.children[0].tagName === 'SPAN') {
/* 为元素应用样式... */
}

a:nth-of-type(1) 匹配的是:在父元素范围内第一个出现的 `<a>`,查找逻辑使用 JS 表达是下面这样的:

if (document.querySelectorAll('.nav > a')[0]) {
/* 为元素应用样式... */
}

demo 地址:codepen.io
展开
zhangbao90s于2019-10-30 10:22发布的图片
1
个人成就
文章被阅读 181
掘力值 11
收藏集
1
关注标签
12
加入于