details元素又新支持了一个CSS选择::details-content伪元素，可以匹配内容阴影DOM，我们可以利用这个伪元素进行区域背景设置，或者实现实用的展开收起的动画效果。
阅读全文…
标签：::target-text, :target, allow-discrete, content-visibility, details, hash, interpolate-size, transition, transition-behavior 发布在 CSS相关 | 一条评论 »
Web Components组件开发又新增特性，可以暴露组件内部的状态，通过CSS :state()伪类函数匹配，增强组件的样式定制能力，以实现更好的内部封装。
标签：:state(), CSS伪类, CSS函数, 组件, 自定义元素 发布在 CSS相关 | 3 条评论 »
有了CSS锚点定位，我们无需任何JavaScript代码参与，就能实现元素的鼠标跟随动效，简单实用，前端必会交互小技巧。
标签：anchor-name, CSS嵌套, hover, position-anchor, 动效, 锚点定位 发布在 CSS相关 | 5 条评论 »
从没有见过如此鸡肋设计的CSS新特性，真是浪费我的学习时间，专门匹配h1-h6标题元素，怎么想得出来的？
标签：:heading, CSS伪类, CSS函数, 伪元素, 伪类 发布在 CSS相关 | 7 条评论 »
CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序，从而提高用户的无障碍访问体验，渐进增强特性，现在就可以在项目中使用。
标签：flex-direction, flex-flow, grid-auto-flow, order, paint-order, reading-flow, reading-order, tabindex, 无障碍网页应用 发布在 CSS相关 | 2 条评论 »
你知道吗？现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了，那就是使用CSS field-sizing属性。
标签：field-sizing, input, placeholder, select, textarea, 表单 发布在 CSS相关 | 6 条评论 »
CSS野心太大了，那种页面滚动，标题导航自动高亮匹配的效果现在也能纯CSS实现了。
标签：::scroll-marker, ::scroll-marker-group, :target-current, overscroll-behavior, scroll-behavior, scroll-target-group 发布在 CSS相关 | 2 条评论 »
CSS新支持的linear()函数可以让我们实现任意速率动画，所以，无论是更加逼真的物理动画，还是特殊的阶梯式动画都不在话下，让CSS动画的能力进一步增强。
标签：animation, animation-timing-function, CSS动画, liner(), Tween类 发布在 CSS相关 | 一条评论 »
终于来了，CSS也支持编程了，使用@function 规则可以定义可重用的计算逻辑，让 CSS 代码更灵活、模块化且易于维护。
标签：@media, CSS函数, CSS变量, fill-rule, Function 发布在 CSS相关 | 2 条评论 »
CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。
标签：border, border-image, border-radius, clip-path, corner-shape, shape(), superellipse 发布在 CSS相关 | 5 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用