终于来了,CSS也支持编程了,使用@function 规则可以定义可重用的计算逻辑,让 CSS 代码更灵活、模块化且易于维护。
阅读全文…
标签:@media, CSS函数, CSS变量, fill-rule, Function 发布在 CSS相关 | 一条评论 »
CSS现在支持了专门的CSS函数,可以知道子元素当前的索引值大小,以及知道子元素的数量了,都是动态匹配的,很有规律的CSS样式效果有了更好的解决方法了。
标签:column, CSS函数, grid-auto-flow, nth-child, sibling-count(), sibling-index() 发布在 CSS相关 | 4 条评论 »
想不到吧,CSS居然也支持if() else 逻辑函数了,这是铁了心要干掉JavaScript的节奏啊。
标签:@media, @supports, css var, CSS函数, CSS变量, CSS数学函数, style 发布在 CSS相关 | 8 条评论 »
我发现,有个CSS三角函数之后,以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了,代码简洁了不少。
标签:atan(), cos(), CSS函数, CSS变量, CSS数学函数, hypot(), sin(), 三角 发布在 CSS相关 | 4 条评论 »
未读消息超过100显示为99+是常见的交互,目前主流实现一定是通过 JS 逻辑判断,其实纯 CSS 就能实现一模一样的功能,兼容性还不赖,进来看看吧。
标签:calc, content, counter, css var, CSS函数, font-size, min, round(), 自定义属性 发布在 CSS相关 | 19 条评论 »
目前主流浏览器都已经支持了CSS min()/max()/clamp()数学函数,可以让你的布局和样式表现更加的智能。
标签:calc, clamp(), CSS函数, CSS数学函数, CSS计算, max(), min, minmax() 发布在 CSS相关 | 13 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee