bigliuder

个人觉得 CSS 是每个前端开发人员都必须掌握的基础，以完成相应的交互和终端设备的响应。在项目开发中，有些容易被忽略的小问题带来项目后期的胶水代码。本文总结一些项目开发中CSS的10个小技巧。

大家好，我是 Steven。 如果是单纯的逐个图标放大，其实就没什么难度。不过我们的作风是，要做就做得够细致，当游标在同一个图标上左右移动时，都会影响到左边和右边的图标大小的，达到一个很连贯的效果，这个就是今次的难度所在。 好了，那我们就开始吧。 打开 CodePen 编辑器，…

相信大家已经体验了今年支付宝五福的活动，无论是今年的五福首页还是打年兽游戏都是由蚂蚁互动图形引擎（代号：Oasis Engine）驱动的。 Oasis Engine 是蚂蚁集团 Web 3D 互动图形引擎，同时也是阿里经济体互动技术方向的首选 Web 3D 引擎，已于 2 月 …

需求是这样的：点击一个下载按钮，批量下载多份zip资料，举个🌰，点击按钮，后端返回一个下载地址 Url 的数组，然后，需要前端一次性触发下载。 因为下载地址和当前系统不是同域！！这是浏览器的安全机制。 而且这个下载，页面还有抖动，这方案算是废了。 然后我就想到了iframe,…

在做过大量的代码审查后，我经常看到一些重复的错误，以下是纠正这些错误的方法。 foreach 以及数组函数 (array_*) 可以处理空数组。 这不是 PHP 特有的情况，不过我经常碰到此类情况。你可以通过提前返回来减少缩进。 看到这段代码你可能会想笑，不过我的确这样写了一段…

现如今手机和电脑等设备无处不在，随时随地都有屏幕伴随着我们的工作与生活。在很多场景下，暗黑模式都有助于我们更轻松地浏览内容，譬如长时间在电脑前工作，睡前的“玩一会手机”。为自己的网站添加暗黑模式也比较简单，只需要几行 css 足以搞定。 在现代浏览器中，使用 prefers-c…

在元素都有blur属性的情况下，上为父级无contrast（下文称1图），下为父级有contrast（下文称2图），当元素融合时，发现了吗1图也有融合的效果在里面！只是很不清晰，这都是blur（模糊）带来的，而contrast属性便能很好的对抗模糊，已达到2图的效果。

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

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是一个数列，数与数之间用逗号或者空白隔开，指定短划线(50px)和缺口(50px)的长度。 设置 strok…