🍀一、渐变神器Gradient 🍀二、两款阴影工具在线网站 🍀三、网站UI配色宝藏网站UI Design Daily 🍀四、 Small Dev tools实用工具合集 🍀五、 Glass Morph

这是一个包含 70+ 个精心挑选的基于 Web 的工具的集合，这些工具实际上非常有用。每一个工具都会生成纯 CSS，无需 JS 或任何外部库。感谢每一个应用程序背后的作者。

在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 个 ID 看上去就完全一致了

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第27天，点击查看活动详情 原文链接：Obodo David 在日常开发中，我收藏了多种用于不同目的的前端开发工具，这里我列出8个顶

以下技巧的具体原理和解释请支持张老师的《CSS世界》，在这里不做展开。 一部分没录入的技巧原因是部分属性将被标准废弃，如：clip。还有一部分是因为个人觉得兼容性不好，而且CSS3的一些特性可以弥补，比如text-align:justify;，完全可以用flex布局实现。 应网…

以前看过许多教学视频，大部分讲师都是讲个大概，然后就开始无厘头的灌输知识了。直到我后来看到一位优秀讲师的视频，他的讲课模式是第一堂课展示成果。这样下来，当我看到最终效果，我就有心思去不断学习这个东西了。 1. 简单的渐变动画 2. 稍复杂的关键帧动画 3. 结合transfor…

border边框属性可以说是我们在网页布局中最常用不过的一个属性之一。border它不只是边框，它还有很多非常有用的“黑魔法”哈，让我们一起来学习一下。 是不是剩下4个不同颜色不同方向的三角形了，继续往下看，一起来见证下border的黑魔法。 ... 下面代码都会用简写的形式。…

本文主要描述的组织css的问题，文章内容整理自《前端架构设计》的读书笔记。 上面这样写样式有很大的问题，主要是我们在样式书写时默认的继承到了之前的样式，但在特殊化的样式时，为了让自己的样式生效，又要新写样式进行覆盖。 在之前的章节中，我们讲到了css不同的模块化方案，那么对于上…