你还在使用transform属性实现变换效果吗?大人,时代变了,试试直接使用scale, rotate, translate属性吧,谁用谁喜欢。
阅读全文…
标签:@keyframes, rotate, scale, transform, translate 发布在 CSS相关 | 8 条评论 »
东西学太多,居然忘记了::first-line伪元素可以在不改变元素color上下文的情况下变色,可谓铁树开花焕发第二春。
标签:::first-line, loading, text-fill-color, transparent 发布在 CSS相关 | 6 条评论 »
CSS @supports规则新增两个特性判断,分别是font-tech()和font-format()函数,都来看看是什么作用吧~
标签:@font-palette-values, @supports, font-feature-settings, font-plattle, Safari 发布在 CSS相关 | 3 条评论 »
好消息,CSS路径动画属性offset-path目前所有现代浏览器都支持了,包括基本形状函数,Web端动效又添一利器。
标签:circle(), clip-path, ellipse(), inset(), offset-distance, offset-path, ray(), rect, xywh() 发布在 CSS相关 | 5 条评论 »
介绍一个前端新特性,CSS font-size-adjust属性,可以基于当前字形的高宽自动调整字号大小,以便各种字体的字形表现一致,不一定最新但一定全网介绍最全面的。
标签:color-adjust, font-family, font-size, font-size-adjust, size-adjust, text-size-adjust, 字体 发布在 CSS相关 | 没有评论 »
浏览器最近又支持了一个新的CSS媒体查询prefers-reduced-transparency,与用户体验密切相关的,有兴趣的可以了解下其语法和作用。
标签:@media, prefers-color-scheme, prefers-contrast, prefers-reduced-motion, prefers-reduced-transparency 发布在 CSS相关 | 一条评论 »
本文介绍非常实用的CSS相对颜色语法,可以解构现有颜色,轻松实现相邻色、反色、半透明色等效果,有效减少项目的CSS颜色变量数量。
标签:brightness, calc, calc-size(), color, color-mix, hsl, 颜色 发布在 CSS相关 | 2 条评论 »
font-palette彩色字体又支持新特性了,一是可以使用palette-mix()实现基础模板的颜色混合,二是支持animation和transition动画了,至此Web字体渲染的表现力更上一层楼。
标签:@font-palette-values, @keyframes, animation, color-mix, font-face, font-palette 发布在 CSS相关 | 2 条评论 »
目前所有现代浏览器都已经支持color-mix()这个颜色函数了,这个函数可以实现关键字颜色值的半透明表示,是其他CSS、JS语法都无法取代的实用特性,本文还有色调插值方法的介绍。
标签:color, color-mix, 颜色 发布在 CSS相关 | 3 条评论 »
subgrid这个子网格特性当时Grid布局出来之后,呼声很高,现在终于支持了,非常适合那种比较规整的多层次嵌套的布局,赶快来了解一番吧。
标签:display:grid, flex布局, gap, grid布局, minmax(), repeat, subgrid 发布在 CSS相关 | 6 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee