本文将介绍一种利用 CSS 获取图片主题色的小技巧。一起看看~ 背景 起因是微信技术群里有个同学发问，有什么方法能够获取图片的主色呢？有一张图片，获取他的主色调： 利用获取到的这个颜色值，来实现类似这

最近关注了油管上的 CSS Animation Effects Tutorial 系列，里面介绍了非常多有意思的 CSS 动效。其中第一个就是很酷炫的霓虹灯效果，这里就实现思路做一个简单的记录和分享。

Neumorphism/Soft UI generatorSmooth Shadow generatorFancy Border Radius GeneratorEasing GradientsDat

从MDN对于box-shadow的描述，则认为通常的 box-shadow属性有，阴影效果在X&Y轴的偏移量，其次是模糊度半径、扩散度半径和阴影颜色。 轻拟物，在于一个“轻”字，区别于完全的拟物，是一种轻量化的趋近真实物体的视觉表达。 毋庸置疑，轻拟物风格，给用户传达…

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

在上一节中， 不走心 地画了一些 CSS图案 ，本节就继续不走心地 画动画 。 | animation-delay | 设置动画在启动前的延迟间隔。 | | animation-iteration-count | 定义动画的播放次数。 | | animation-directi…

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…

今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力，做出一些脑洞大开的图形。 伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。伪元素主要有： 我个人觉得伪元素可以解释为元素的修饰，可以为元素带来额外的附加样…