2024年07月18日 by 张 鑫旭 阅读 8011 次, 今日 25 次
随着Firefox 131也支持了CSS Custom Highlight API，至此，所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
阅读全文…
标签： ::highlight(), ::marker, API, createRange, HighlightRegistry, range, text-decoration, text-fill-color, 高亮代码
发布在 CSS相关, JS API | 8 条评论 »
2024年07月15日 by 张 鑫旭 阅读 6549 次, 今日 27 次
CSS calc()计算函数又新增了infinity，NaN，pi等关键字，都来了解下是干嘛用的吧。
阅读全文…
标签： @property, animation, border-radius, calc, hwb(), infinite, z-index, 关键字
发布在 CSS相关 | 6 条评论 »
2024年07月4日 by 张 鑫旭 阅读 7390 次, 今日 27 次
列举了我目前所知的N多种纯CSS判断是不是Safari和iOS Safari浏览器的方法，希望可以对你的工作有所帮助。
阅读全文…
标签： ::marker, @supports, cross-fade, image-rendering, Safari, selector, text-size-adjust, user-select
发布在 CSS相关 | 一条评论 »
2024年06月30日 by 张 鑫旭 阅读 9260 次, 今日 33 次
现在，CSS已经有能力让元素display:none元素显示与隐藏的时候有transition动画效果了，分别靠@starting-style规则和transition-behavior属性，什么，这些你都不认识？那还不进来看看究竟是什么新特性。
阅读全文…
标签： @starting-style, CSS嵌套, display, opacity, transition, transition-behavior, 淡入淡出
发布在 CSS相关 | 4 条评论 »
2024年06月27日 by 张 鑫旭 阅读 9240 次, 今日 42 次
CSS锚点定位应该是2024年最期待的CSS新特性了，断断续续两周才写完，今天必须要带大家长长见识。
阅读全文…
标签： @position-try, absolute, anchor-size(), API, inset-area, popover, popovertarget, position-try-options, position-visibility, powerFloat, visibility, 锚点, 锚点定位
发布在 CSS相关 | 10 条评论 »
2024年06月11日 by 张 鑫旭 阅读 7221 次, 今日 30 次
最近尝试在Dialog对话框组件中大肆使用顶层特性，以便减少z-index这类层级的判断，结果发现事情并没有预想的那样顺利，顶层特性也是有隐患的，好在有低成本的解决方法。
阅读全文…
标签： ::backdrop, dialog, requestFullscreen, showModal, showPopover, Top Layer, z-index, 全屏, 层级, 弹框, 提示, 锚点定位
发布在 Web综合 | 3 条评论 »
2024年05月30日 by 张 鑫旭 阅读 7637 次, 今日 24 次
没想到吧，借助SVG看似不起眼的feMerge滤镜，我们可以轻松实现任意DOM元素的样式的投影复制效果，还支持动画哦。
阅读全文…
标签： animate, feComponentTransfer, feFuncA, feMerge, feMergeNode, feOffset, filter, opacity, SMIL, SVG滤镜
发布在 SVG相关 | 12 条评论 »
2024年05月20日 by 张 鑫旭 阅读 9531 次, 今日 27 次
本文介绍两种Web中实现图片马赛克的方法，一个是SVG滤镜的，一个基于某个CSS属性的，都比较简单，不复杂。
阅读全文…
标签： drawImage, feComposite, feFlood, feMorphology, feTile, filter, image-rendering, SVG滤镜, 图像处理, 图片压缩, 马赛克
发布在 CSS相关, SVG相关 | 8 条评论 »
2024年05月12日 by 张 鑫旭 阅读 8661 次, 今日 26 次
今天终于发现了一种适用于各种背景环境的文字变瘦方法，此方法居然无需用到任何与文字相关的CSS属性。
阅读全文…
标签： feMorphology, filter, font-weight, SVG滤镜, text-shadow, text-stroke
发布在 SVG相关 | 7 条评论 »
2024年04月22日 by 张 鑫旭 阅读 9097 次, 今日 26 次
后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢？
阅读全文…
标签： ffmpeg, fluent-ffmpeg, jszip, nodejs, video, VideoFrame, 截屏, 视频
发布在 JS实例 | 10 条评论 »
我的应用
我的应用