本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 前言 bigo作为全球化的互联网企业，产品体验要求国际化，本地化，所面向的用户来自世界各地，

想必写过 CSS 的同学都用过 box-shadow，它可以给元素设置阴影，增加立体效果。 比如说这样： 但它能做的可不只是阴影，还可以用来做出很多有趣的效果： 比如画蒙娜丽莎： 画星空： 这些效果都

TTF字体你可能耳熟能详，但是它的底层数据是怎么存储的，相关的工具又有哪些，希望本篇文章能帮助大家增加一些奇怪的前端知识～

最近在开发遇到了两个一直困扰我的问题： 当 font-family 为 PingFangSC-Regular 时，为什么设置了 font-weight 为 500 和 font-weight 为 40

今天来看一些有趣且实用的 CSS 小技巧！ 1. 打字效果 代码实现： 实现效果： 2. 设置阴影 当使用透明图像时，可以使用 drop-shadow() 函数在图像上创建阴影，而不是使用 box s

作为一个创建了无数CSS动画的人，我一直怀念的是keyframes 和transition 的弹性易用性。是的，你可以使用JavaScript库和其他技巧（我们稍后会讲到），但是，作为一个最纯粹的人，

本文详细解释了CSS动画是如何使用CSSclip-path() 属性的。在文章结束时，你将对CSS动画有一个透彻的了解，并知道如何操作你可能遇到的任何clip-path() 代码。 什么是CSS动画？

大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…

💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配