想不到吧,CSS居然也支持if() else 逻辑函数了,这是铁了心要干掉JavaScript的节奏啊。
阅读全文…
标签:@media, @supports, css var, CSS函数, CSS变量, CSS数学函数, style 发布在 CSS相关 | 8 条评论 »
太不容易了,二十年了,select下拉框元素终于支持完全自定义了,appearance属性,popover交互,CSS锚点定位,N个伪元素四者结合。
标签:::checkmark, ::picker-icon, @starting-style, allow-discrete, anchor-size(), appearance, base-select, hr, optgroup, option, popover, select, 锚点定位 发布在 CSS相关 | 5 条评论 »
牛逼了,Chrome和Safari都支持clip-path shape()函数了,这个函数可谓是图形剪裁终极方案,没有path函数的缺点,以后一定会被广泛使用。
标签:clip-path, clipPath, CSS Shapes, path, shape(), 贝塞尔曲线 发布在 CSS相关 | 一条评论 »
CSS text-wrap属性再次进化,新增了两个属性值pretty和stable,新增了两个子属性text-wrap-mode和text-wrap-style,有兴趣的可以花两分钟快速了解下其作用。
标签:nowrap, text-wrap, text-wrap-mode, text-wrap-style, white-space, 文字排版 发布在 CSS相关 | 一条评论 »
CSS越来越强了,Scroll Snap交互又新增了按钮和切换按钮的生成与自定义,类似Carousel ,Slider这类经典交互纯CSS就能完全驾驭了。
标签:::scroll-button, ::scroll-marker, ::scroll-marker-group, :target-current, column, overscroll-behavior, scroll-behavior, scroll-snap-align, scrollbar-width 发布在 CSS相关 | 5 条评论 »
没想到有生之年可以看到足以颠覆现有开发模式和习惯,吊炸天的attr()函数被全CSS属性支持,属性选择器要雄起了。
标签:attr(), content, image-set, 属性选择器 发布在 CSS相关 | 16 条评论 »
早在两年前,现代浏览器就支持通过CSS animation-composition属性设置动画@keyframes里面的语句渲染是替换还是累加了,再也不用担心transform冲突了。
标签:animation, animation-composition, blur, CSS动画, filter, transform 发布在 CSS相关 | 没有评论 »
你还在使用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 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee