关于《CSS新世界》这本书

2021年08月17日 by 张 鑫旭 阅读 48408 次, 今日 45 次

CSS新世界

推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。

阅读全文…

如何使用纯CSS鉴别是不是Safari浏览器

2024年07月4日 by 张 鑫旭 阅读 1027 次, 今日 27 次

封面太阳能图

列举了我目前所知的N多种纯CSS判断是不是Safari和iOS Safari浏览器的方法,希望可以对你的工作有所帮助。

阅读全文…

CSS transition-behavior让display none也有动画效果

2024年06月30日 by 张 鑫旭 阅读 1915 次, 今日 23 次

水果西瓜封面占位图

现在,CSS已经有能力让元素display:none元素显示与隐藏的时候有transition动画效果了,分别靠@starting-style规则和transition-behavior属性,什么,这些你都不认识?那还不进来看看究竟是什么新特性。

阅读全文…

告别JS浮层,全新的CSS Anchor Positioning锚点定位API

2024年06月27日 by 张 鑫旭 阅读 2010 次, 今日 35 次

CSS锚点定位占位封面图

CSS锚点定位应该是2024年最期待的CSS新特性了,断断续续两周才写完,今天必须要带大家长长见识。

阅读全文…

聊聊Top Layer顶层特性的隐患与实践

2024年06月11日 by 张 鑫旭 阅读 2084 次, 今日 14 次

封面图,海边,沙滩,救生圈

最近尝试在Dialog对话框组件中大肆使用顶层特性,以便减少z-index这类层级的判断,结果发现事情并没有预想的那样顺利,顶层特性也是有隐患的,好在有低成本的解决方法。

阅读全文…

记一次技术交流,feMerge滤镜复制任意DOM元素样式

2024年05月30日 by 张 鑫旭 阅读 2728 次, 今日 20 次

封面图

没想到吧,借助SVG看似不起眼的feMerge滤镜,我们可以轻松实现任意DOM元素的样式的投影复制效果,还支持动画哦。

阅读全文…

如何用简单的Web方法实现图片的马赛克效果

2024年05月20日 by 张 鑫旭 阅读 3312 次, 今日 19 次

封面占位图

本文介绍两种Web中实现图片马赛克的方法,一个是SVG滤镜的,一个基于某个CSS属性的,都比较简单,不复杂。

阅读全文…

不使用font-weight等CSS实现文字变瘦或变胖效果

2024年05月12日 by 张 鑫旭 阅读 4098 次, 今日 12 次

封面图 火箭发射

今天终于发现了一种适用于各种背景环境的文字变瘦方法,此方法居然无需用到任何与文字相关的CSS属性。

阅读全文…

node环境中使用fluent-ffmpeg每隔一秒视频截图

2024年04月22日 by 张 鑫旭 阅读 3897 次, 今日 16 次

封面占位图,草泥马先生

后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢?

阅读全文…

今天学习SVG滤镜feGaussianBlur和feDropShadow

2024年04月14日 by 张 鑫旭 阅读 3383 次, 今日 8 次

动漫 美女 钓鱼

模糊和投影算是SVG滤镜中学习难度最低的元素了,所以放在一起介绍,从中可以看到CSS模糊和投影滤镜语法的影子。

阅读全文…

SVG滤镜系列之搞懂<feBlend>元素

2024年04月11日 by 张 鑫旭 阅读 2804 次, 今日 9 次

封面占位图

要想成为前端图形表现领域的高手,要必要弄懂SVG中各种滤镜元素的语法与作用,先从简单的feblend元素开始。

阅读全文…