2024年07月23日 by 张 鑫旭 阅读 3484 次, 今日 10 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 9 条评论 »
2021年08月17日 by 张 鑫旭 阅读 52724 次, 今日 24 次
推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。
阅读全文…
标签： css3, CSS世界, CSS新世界, CSS选择器世界, 选择器
发布在 CSS相关 | 38 条评论 »
2024年09月13日 by 张 鑫旭 阅读 1176 次, 今日 40 次
之前使用align-content控制元素的垂直对齐仅适用于Flex或Grid元素，而现在，Block元素也能使用啦！
阅读全文…
标签： align-content, justify-content, place-content, vertical-align, 对齐
发布在 CSS相关 | 没有评论 »
2024年09月11日 by 张 鑫旭 阅读 1427 次, 今日 19 次
Chrome和Firefox浏览器都已经支持scrollend滚动停止事件了，快进来瞅瞅吧。
阅读全文…
标签： DOMMouseScroll, scroll, scrollBy, scrollend, scrollTo, 滚动
发布在 JS API | 2 条评论 »
2024年09月9日 by 张 鑫旭 阅读 869 次, 今日 11 次
SVG光影相关的滤镜元素有5个，乍一看，还挺复杂，可细细一学，哦，原来也就是这么回事。
阅读全文…
标签： feDiffuseLighting, feDistantLight, fePointLight, feSpecularLighting, feSpotLight, SVG, SVG滤镜, 滤镜
发布在 SVG相关 | 没有评论 »
2024年08月23日 by 张 鑫旭 阅读 2987 次, 今日 10 次
CSS滚动动画比我预想的要强多了，项目中又有很多JavaScript代码可以淘汰了。
阅读全文…
标签： animation, animation-range, animation-timeline, CSS动画, overscroll-behavior, scroll-timeline, timeline-scope, view-timeline, 动画, 滚动
发布在 CSS相关 | 3 条评论 »
2024年08月10日 by 张 鑫旭 阅读 3948 次, 今日 12 次
View Transitions API可以让页面元素在无需设置具体定位属性值的情况下实现各种各样的动画效果，是个很强很有用的新特性。
阅读全文…
标签： animation, CSS动画, pagereveal, pageswap, transition, View Transitions API, 动画, 动画效果
发布在 CSS相关, Web综合 | 2 条评论 »
2024年07月29日 by 张 鑫旭 阅读 2622 次, 今日 9 次
本文通过案例演示如何使用开源JS库实现音频淡入淡出、原生JS又该实现，以及如何从底层对音频进行淡入淡出转换，都是少见的技术分享。
阅读全文…
标签： audio, AudioBuffer, fade, GainNodes, howler, wavesurfer
发布在 JS实例 | 一条评论 »
2024年07月18日 by 张 鑫旭 阅读 3834 次, 今日 10 次
随着Firefox 131也支持了CSS Custom Highlight API，至此，所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
阅读全文…
标签： ::highlight(), ::marker, createRange, HighlightRegistry, range, text-decoration, text-fill-color, 高亮代码
发布在 CSS相关, JS API | 2 条评论 »
2024年07月15日 by 张 鑫旭 阅读 3390 次, 今日 4 次
CSS calc()计算函数又新增了infinity，NaN，pi等关键字，都来了解下是干嘛用的吧。
阅读全文…
标签： @property, animation, border-radius, calc, hwb(), infinite, z-index, 关键字
发布在 CSS相关 | 6 条评论 »
2024年07月4日 by 张 鑫旭 阅读 3239 次, 今日 8 次
列举了我目前所知的N多种纯CSS判断是不是Safari和iOS Safari浏览器的方法，希望可以对你的工作有所帮助。
阅读全文…
标签： ::marker, @supports, cross-fade, image-rendering, Safari, selector, text-size-adjust, user-select
发布在 CSS相关 | 一条评论 »
我的应用
我的应用