选择颜色是常见需求，想必大家都用过 ColorPicker 组件。 比如 Chrome DevTools 的这个： antd 也有 ColorPicker 组件： 其实浏览器原生也支持 color 类

今日周二，在下与诸位同道中人一起来讨论一个话题：当一个前端空闲的时候会做些什么。 🤯是独自深耕论坛，钻研学术？ 👯还是三两闲聊打趣，坐而论道？ 💆‍♂️亦或是闭目养神，神游天地？

可视化大屏基本就是数据可视化，主题多为科技感为主。下面分享一些也许对你有用的css效果，都是比较简单的，如果后面有别的还会更新。

传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传统的实现，使用纯css的某些特效实现呢？ 把上面提到的三个属性放在一起就实现了平稳缓慢的滚动，再借助js移…

关于以下内容，我们假设结构层的变更是不允许的。 我们也尽量不去添加额外的HTML,以做到样式层与结构层的分离，如若实在没有其他的可能性，才退而求其次来增加额外的HTML。 制作一个自适应的椭圆是形状篇中最简单的图形了，简直不能再简单了。 众所周知，制作与圆相关的图形，用到的属性…

下来用几个例子说明下CSS的权重。 分析得出最后一个最大 权重为 320 覆盖上面所有的。 嵌套越多，权重就越大，除过!important，有important 还是人家最大 。 因为伪类的权重相当于类元素，故因为类元素的权重小于id元素的权重，所以下面这个设置：hover无效…

1. CSS :visited伪类选择器隐秘往事回忆录 主要介绍CSS :visited伪类选择器，由于安全方面的限制，很多你以为可以使用的CSS属性，在:visited这里都是不能使用的，当然，很多很多其他怪异的特性。如有兴趣，可以点击这里阅读原文。 2. CSS scrol…

居中布局1、水平居中a)inline-block+text-aligntips：此方案兼容性较好，可兼容至IE8，对于IE567并不支持inline-block，需要使用csshack进行兼容b)ta

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…