经常在某些 app 中看到这样的九宫格设计。当缩略图不足 9 张时，正常排列，当超过 9 张时，会提示还剩多少张。 如何使用纯 CSS 实现这一效果呢？一起来看看吧

1-1. 设置input 的placeholder的字体样式 1-2. 单行和多行文本超出省略号 1-3. 负边距使用技巧 1-4. 定位同时设置方位情况 1-5. 相邻兄弟选择器之常用场景 1-6. outline属性的妙用技巧 1-7. 隐藏滚动条或更改滚动条样式 1-8.…

前言前篇传送门：猛戳这里其实大多数的技巧前篇都已经讲完了，本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢？用以下的SCSSmixin即可方块的长度、高度、深度都可以通过CS

随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…

通过这种方式来帮助公司做招聘，是不是很有创意呢？一方面可以体现出这些公司对人才的渴望，另一方面也可以让开发者们直接接触招聘信息，更加高效的找到对公司感兴趣的求职者。 接下来就让来看看这些是如何实现的吧。 1. 基本的文字编排信息输出 我们可以利用这些方式实现更加有创意的控制台信…

在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必…

在这篇文章中，我将向你展示目前为止，我发现/遇到的十个优秀的CSS动画库。 我大约尝试30种，但是这十种是我找到最好的。 请注意，这些库不需要引入JavaScript就可以运行。 这个站点是我不久前才发现的，但是我立马爱上了她。实话说，它值得被提出。 你可以选择你喜欢的动画类型…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…