梯形圆角tab/ 梯形tab/ chrome tab 的实现；要了老命了！！！！！！！！！！！！！！！！！

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交

作为 CSS Houdini 所暴露出的API之一，CSS Paint API 从一出现就倍受期待。它通过扩展 CSS 的部分能力，使其提供更强大的表现力。 本文将从其定义到应用逐一介绍，来让大家对其有更加深刻的认识。 先简单介绍下什么是 Houdini。 ~~Houdini一…

奇怪的面试之旅，如何和前端面试官谈笑风生，并当面手把手给面试官造火箭，造火箭的过程自己很开心，但面试的结果却出乎意料

作为近两年的「新时尚」，暗色/深色模式已经几乎成为了各家系统、应用以及 Web 站点的标配功能。想要支持暗色模式，本质是判断在暗色模式下，更改生效的颜色值。在 Web 站点中，一种简单

本文介绍三个非常棒棒的CSS技巧，完全可以在你的项目中代替JavaScript，一起来看看这些技巧吧。 1. :active伪类与CSS数据上报 此时，当点击按钮的时候，相关行为数据就会上报给服务器，这种上报就算把JavaScript禁用掉也无法阻止，方便快捷，特别适合A/B测…

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…

今天我们大家介绍一些你可能乍一眼以为一定需要 JavaScript 才能完成的功能，其实 CSS 就能完成，甚至更加简单。 1. 每个单词的首字母大写 其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能，想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法…