在原生 APP 中，我们经常会看到那种丝滑又舒适的页面切换动画，比如这样的 Android 里一般称之为共享元素（shareElement）动画，也就是动画前后有一个（或多个）相同的元素，起到前后过渡

谷歌官网贴心地列举了 CSS 2023 的诸多年度重量级更新，我会科普一下 3 个个人觉得牛逼闪闪的 CSS 新功能。

浏览器的各种尺寸是javaScript中比较容易混淆的概念，下面我会在本文中解释这些概念并且通过具体示例告诉大家如何访问它们。各位客官看好叻🍵 screen.width：屏幕的宽。 screen.height：屏幕的高。 screen.availWidth：可利用的宽，等于屏…

`CSS` 网格布局是一种基于二维网格的布局系统，与过去的任何网页布局系统相比，它完全改变了我们设计用户界面的方式。图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~

使用纯css解决高度自适应height auto使用transition动画过度失效问题，同时了解clip-path用法

引言 最近看了2022年全球CSS调查报告，发现了一些不常见的伪类和伪元素。 伪类 :has() html css :is() html css :host html :host() html :ho

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。 鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译...

在本文中，我们将讨论:where()伪类函数，并演示如何在生产环境中使用它。我们将回顾与:where()函数相关的叠加、优先级和安全性。我们还将研究一些特定的用例，并讨论它与:is()函数的异同。

2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…