使用CSS size-adjust和unicode-range改变任意文字尺寸

2022年03月27日 by 张 鑫旭 阅读 8626 次, 今日 7 次

无标签字号设置

介绍一个无需HTML标签就能控制任意字符字号大小的CSS技术,关键时候说不定可以救命,都来学学吧。

阅读全文…

ascent-override descent-override line-gap-override一锅端

2022年03月21日 by 张 鑫旭 阅读 4500 次, 今日 2 次

破茧成蝶

@font-face 自定义字体的又新增了一些新属性,进来看看都是干嘛用的吧,说不定可以解决你的超级棘手的难题!

阅读全文…

基于howler.js写了个音频播放器组件

2022年03月15日 by 张 鑫旭 阅读 7345 次, 今日 7 次

封面图

兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。

阅读全文…

介绍8个和滚动相关的CSS属性

2022年03月7日 by 张 鑫旭 阅读 6893 次, 今日 4 次

滚滚封面图

介绍与滚动相关的8个CSS新特性,相信里面一定有很多属性你并不认识,是第一次见,这些属性非常有助于提高用户体验。

阅读全文…

CSS accent-color属性简介

2022年03月6日 by 张 鑫旭 阅读 5351 次, 今日 6 次

封面图 accent-color

CSS accent-color 属性可以在不改变浏览器默认表单组件基本样式的前提下重置组件的颜色,还是有一定的使用价值的。

阅读全文…

被低估的border-image属性

2022年02月25日 by 张 鑫旭 阅读 7878 次, 今日 8 次

border-image位置

深入介绍 CSS border-image 的历史,特性以及在某些场景下无可替代的作用,独家内容,不容错过。

阅读全文…

CSS overflow-clip-margin属性简介

2022年02月21日 by 张 鑫旭 阅读 5898 次, 今日 4 次

喜多川封面图

本文介绍了下以后应该会比较广泛使用的 overflow:clip 属性以及比较有趣的 overflow-clip-margin 属性,希望可以帮到大家的学习与成长。

阅读全文…

CSS :not()伪类选择器已支持复杂参数

2022年02月12日 by 张 鑫旭 阅读 5948 次, 今日 9 次

占位图:not css

CSS :not()伪类选择器之前除了 Safari 浏览器外只支持简单参数,现在,所有浏览器都支持了复杂的并列参数值,来看看写的写法和带来的变化吧。

阅读全文…

HTML inputmode与iOS Android软键盘类型测试

2022年02月4日 by 张 鑫旭 阅读 7222 次, 今日 8 次

数字键盘截图

验证码输入框使用 inputmode 属性是毋庸置疑的最佳实践,原因和分析见本文具体内容。

阅读全文…

CSS background背景图标的变色技巧

2022年01月31日 by 张 鑫旭 阅读 7315 次, 今日 7 次

封面图

最近遇到了需要使用CSS让background背景图标的变色的需求场景,使用背景混合模式实现的,可能大家以后也用得到,所以分享下。

阅读全文…