以前觉得Scss简单，后来发现……，嗯，还是自己太菜了，少年，如果你也还对Scss还抱有幻想，那么不如跟着我的视角，一起去看看Scss的世界吧。

本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。 CSS 动画介绍及语法 首先，我们来简单介绍一下 CSS 动画

最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩

对CSS布局掌握程度决定你在Web开发中的开发页面速度。随着Web技术的不断革新，实现各种布局的方式已经多得数不胜数了。 本篇文章总结了四十二种CSS的常见布局，这四十二种布局可以细分为如下几类：

偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是 "不定行" 的。详细规则如下： 整个容器高度是固定的，标题和内容总共 3 行 标题最多2行，超出省略 内容由剩余

今天的文章很有意思，讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道，到今天（2020/03/06），CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于上述的超长打点省略方案之下，会有一些变化的需求。譬如，我们有如下结构： 对于上述超出的情况，我们希望对于超…

在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时，完整显示，此时鼠标放上去无任何提示 当文件名超过一行时，出现省略号，此时鼠标放上去提示显示完整文件名。一起看看如何实现吧

大家都知道，昨晚的春季新品发布会上，小米正式发布了新Logo。据官方介绍，新Logo由日本国际著名设计师原研哉操刀设计共同打造，将小米品牌视觉融入东方哲学的思考，从“科技与生命的关系”出发，提出全新的

TL/DR：在 CSS 中使用八个值指定 border-radius 时，可以创建自然外观的形状。没时间阅读所有内容？好的，这里给你提供了最终的可视化工具，点击这里 查看、使用它吧。 在今年（译者注：是指 2018 年）的 Frontend Conference Zurich …