标签：CSS

1182浏览

很棒的一篇关于 CSS 边框动画相关的文字。 目录 border 属性 边框长度变化 虚线边框动画 渐变的其他妙用 clip-path 的妙用 overflow 的妙用 border-image 的妙用 原文阅读：CSS 奇思妙想边框动画...

2006浏览

实现目标：阴影以及向内圆角阴影 初步想法：矩形四周用园盖住，矩形是外阴影，圆是内阴影。 失败。 优化一： 需要控制一下阴影，不能在整个矩形四周，内容区域是两边，然后用圆圈的内阴影连接。 优化二： 最初的圆角是通过整个园隐藏四分之一的方式，会出现在 ...

2443浏览

背景 主管分配了一个移动端页面的任务，主要是几个展示内容，其中一个页面输入用户信息，接口查询值后展示具体的一个页面。不是自己项目组的工作，所以当时也就说切图，复杂的内容直接贴图。 设计师很快给了还在确定的设计图，看起来很简单，一个头、一个内容区。每个...

2402浏览

前言 继上篇《CSS魔法堂：稍稍深入伪类选择器》记录完伪类后，我自然而然要向伪元素伸出“魔掌”的啦\^_\^。本文讲讲述伪元素以及功能强大的 contet 属性，让我们可以通过伪元素更好地实现更多的可能！ 初识伪元素 说起伪元素我第一想到的莫过于 :...

1539浏览

前言 过去零零星星地了解和使用：link、::after 和 content 等伪类、伪元素选择器，最近看书时发现这方面有所欠缺，于是决定稍微深入学习一下，以下为伪类部分的整理。 伪类 伪类选择器实质上是让设计师可以根据元素特定的状态，设置不同的视觉...

2967浏览

开发背景 使用 create-react-app 创建 React 项目后，通过 react-app-rewired 开启了 less 转换的功能。 但通过抄袭 react-app-rewire-css-modules 模块开启 CSS Module...

2451浏览

前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在公司一直有参与前端的基础面试，深感这个“梗”不是个玩笑。 然而，我觉得实际比例可能会更高，甚至很多面试官自己也未必真正掌握。因为大部分前端同学，可能...

4865浏览

RoboFont RoboFont 是一款Mac上优秀的字体设计编辑工具，简单易用，使用UFO的格式，使用Python编写，扩展性很强，很不错！ 可能解决一些疑惑 字号等于字体导读吗，行高有等于单行元素高度？ 不同文字，字体宽度怎么就不一致呢？ 文章...