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