From ed5ca7bf9797428aaf7391e79ab7161ce4c440e1 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 22 Jan 2019 20:31:18 +0800
Subject: [PATCH 01/68] Update README.md

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index f023a06..995a536 100644
--- a/README.md
+++ b/README.md
@@ -105,10 +105,6 @@
 + [借助transition-delay简单多重圆的位移](https://codepen.io/Chokcoco/pen/QzzwVO)
 + [动画正负旋转相消](https://codepen.io/Chokcoco/pen/XaBJPy)
 
-## SVG
-
-+ [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)
-
 ## 综合
 
 + [retina屏下的1px线的实现](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
@@ -117,3 +113,7 @@
 + [鼠标跟随动画 PURE CSS MAGIC MIX](https://codepen.io/Chokcoco/pen/zyyYqN)
 + [CSS文字分裂特效](https://codepen.io/Chokcoco/pen/wRZKNY)
 + [CSS TEXT Animation](https://codepen.io/Chokcoco/pen/dwxPWO)
+
+## SVG
+
++ [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)

From af11a2f2f1b67faee43c8d8ac50e1fbf33fc4ad7 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 23 Jan 2019 23:44:45 +0800
Subject: [PATCH 02/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20filter:blur=20|=20fi?=
 =?UTF-8?q?lter:constrast=20=E5=B0=8F=E7=90=83=E7=A9=BF=E6=A2=AD=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 995a536..adb22b0 100644
--- a/README.md
+++ b/README.md
@@ -54,6 +54,7 @@
 + [使用 filter:blur | filter:constrast 生成火焰效果](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-fire.md) 
 + [滤镜及混合模式混搭特效](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-mix.md)
 + [使用 filter:blur | filter:constrast 单标签实现滴水效果](https://codepen.io/Chokcoco/pen/gZVjJw)
++ [使用 filter:blur | filter:constrast 小球穿梭效果](https://codepen.io/Chokcoco/pen/ZwYyKO)
 
 
 ## 边框(border)

From b0979cc4d916af49ea70036c205b014093d65df0 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 27 Jan 2019 12:40:41 +0800
Subject: [PATCH 03/68] =?UTF-8?q?hover=20|=20transition=20=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E9=BC=A0=E6=A0=87=E8=B7=9F=E9=9A=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index adb22b0..abc5ac1 100644
--- a/README.md
+++ b/README.md
@@ -111,6 +111,7 @@
 + [retina屏下的1px线的实现](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
 + [MAGIC CSS MIX](https://codepen.io/Chokcoco/pen/XogwvV)
 + [PURE CSS 实现鼠标跟随](https://codepen.io/Chokcoco/pen/MZqMVO)
++ [hover | transition 实现鼠标跟随](https://codepen.io/Chokcoco/pen/XgvjQM)
 + [鼠标跟随动画 PURE CSS MAGIC MIX](https://codepen.io/Chokcoco/pen/zyyYqN)
 + [CSS文字分裂特效](https://codepen.io/Chokcoco/pen/wRZKNY)
 + [CSS TEXT Animation](https://codepen.io/Chokcoco/pen/dwxPWO)

From 72b9d4a177fd440b33534a812575da7221eaddef Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 22 Feb 2019 18:12:02 +0800
Subject: [PATCH 04/68] =?UTF-8?q?=E7=BA=AFCSS=E5=AE=9E=E7=8E=B0360=C2=B0?=
 =?UTF-8?q?=E9=A5=BC=E5=9B=BE=20--=20PURE=20CSS=20PIE=20ROTATE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index abc5ac1..409b031 100644
--- a/README.md
+++ b/README.md
@@ -115,6 +115,7 @@
 + [鼠标跟随动画 PURE CSS MAGIC MIX](https://codepen.io/Chokcoco/pen/zyyYqN)
 + [CSS文字分裂特效](https://codepen.io/Chokcoco/pen/wRZKNY)
 + [CSS TEXT Animation](https://codepen.io/Chokcoco/pen/dwxPWO)
++ [纯CSS实现360°饼图 -- PURE CSS PIE ROTATE](https://codepen.io/Chokcoco/pen/BMgZvM?editors=1100)
 
 ## SVG
 

From 31f420a422e2803090db1df74979ec65f01b5414 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 25 Feb 2019 19:52:10 +0800
Subject: [PATCH 05/68] Use :not() to Style Borders on Lists

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 409b031..a2a4c0a 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,7 @@
 ## 伪类/伪元素
 
 + [使用`:not()`伪类实现弹窗背景元素模糊](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-not.md)
++ [使用`:not()`伪类控制特殊边框样式](https://codepen.io/Chokcoco/pen/EMYGQZ)
 + [伪类`:focus-within`纯 CSS 方式实现掘金登陆特效](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-juejin.md)
 + [伪类`placeholder-shown`实现表单交互](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-focus-within-placeholder-shown.md) 
 + [伪元素配合 border 实现气泡对话框](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-bubble.md)

From 44e99001bd51ce4716365ad4ce9e4e20814211b9 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 26 Feb 2019 22:23:33 +0800
Subject: [PATCH 06/68] =?UTF-8?q?=E6=B4=BB=E7=94=A8=20border-radius,=20?=
 =?UTF-8?q?=E5=8D=95=E6=A0=87=E7=AD=BE=E7=BA=BF=E6=9D=A1=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index a2a4c0a..48be8bd 100644
--- a/README.md
+++ b/README.md
@@ -64,6 +64,7 @@
 + [活用 border-radius, 实现波浪百分比图](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-wave-percent.md)
 + [border-radius 变换实现 loading 效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-loading.md)
 + [border-color 变换实现文字输入效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-typing.md)
++ [活用 border-radius, 单标签线条动画](https://codepen.io/Chokcoco/pen/xBxvdZ)
 
 ## 背景/渐变(linear-gradient/radial-gradient/conic-gradient)
 

From 98784e33a1289bb8e796f9b9eca27e1c0c6fa29e Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 4 Mar 2019 17:11:38 +0800
Subject: [PATCH 07/68] =?UTF-8?q?=E4=BC=AA=E5=85=83=E7=B4=A0=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E8=BE=B9=E7=95=8C=E6=99=BA=E8=83=BD=E5=88=A4=E6=96=AD?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 48be8bd..067f37f 100644
--- a/README.md
+++ b/README.md
@@ -47,6 +47,7 @@
 + [伪类`:hover`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control-hover.md)
 + [伪类`:checked`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control.md)
 + [伪类`:target`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control-target.md)
++ [伪元素实现边界智能判断移动](https://codepen.io/Chokcoco/pen/rRLJrR)
 
 ## 滤镜(fliter)
 

From ffb29a54a20b5ab38856b9f68c04a860a94966c1 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 5 Mar 2019 19:40:43 +0800
Subject: [PATCH 08/68] =?UTF-8?q?=E7=BA=AFCSS=E9=BC=A0=E6=A0=87=E8=B7=9F?=
 =?UTF-8?q?=E9=9A=8F=E6=8C=89=E9=92=AE=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 067f37f..7e52518 100644
--- a/README.md
+++ b/README.md
@@ -119,6 +119,7 @@
 + [CSS文字分裂特效](https://codepen.io/Chokcoco/pen/wRZKNY)
 + [CSS TEXT Animation](https://codepen.io/Chokcoco/pen/dwxPWO)
 + [纯CSS实现360°饼图 -- PURE CSS PIE ROTATE](https://codepen.io/Chokcoco/pen/BMgZvM?editors=1100)
++ [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
 
 ## SVG
 

From 8f37a17d512ab0dc137da66bdd3e0acc6cdf7b83 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 11 Mar 2019 20:34:33 +0800
Subject: [PATCH 09/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8CSS=E8=AE=A9=E4=BD=A0?=
 =?UTF-8?q?=E7=9A=84=E6=B5=8F=E8=A7=88=E5=99=A8=E5=8D=A1=E6=AD=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 7e52518..37dead2 100644
--- a/README.md
+++ b/README.md
@@ -121,6 +121,9 @@
 + [纯CSS实现360°饼图 -- PURE CSS PIE ROTATE](https://codepen.io/Chokcoco/pen/BMgZvM?editors=1100)
 + [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
 
+## calc/css变量
++ [使用CSS让你的浏览器卡死](https://codepen.io/Chokcoco/pen/moMzxB)
+
 ## SVG
 
 + [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)

From eccb1d77730ab19cf042c57cb1c090cb08430972 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Thu, 21 Mar 2019 13:42:33 +0800
Subject: [PATCH 10/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20filter:blur=20|=20fi?=
 =?UTF-8?q?lter:constrast=20=E7=94=9F=E6=88=90=E7=81=AB=E7=84=B0=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 37dead2..8d6b5b5 100644
--- a/README.md
+++ b/README.md
@@ -54,6 +54,7 @@
 + [使用 filter:blur 生成彩色阴影](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-shadow.md) 
 + [使用 filter:blur | filter:constrast 生成特殊融合效果](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-blur-constrast.md) 
 + [使用 filter:blur | filter:constrast 生成火焰效果](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-fire.md) 
++ [使用 filter:blur | filter:constrast 生成火焰效果2](https://codepen.io/Chokcoco/pen/aMRPjR) 
 + [滤镜及混合模式混搭特效](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-mix.md)
 + [使用 filter:blur | filter:constrast 单标签实现滴水效果](https://codepen.io/Chokcoco/pen/gZVjJw)
 + [使用 filter:blur | filter:constrast 小球穿梭效果](https://codepen.io/Chokcoco/pen/ZwYyKO)

From 4f44e5002680b8f437ff1c6ac39b6e8fa791d35e Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 25 Mar 2019 08:07:39 +0000
Subject: [PATCH 11/68] =?UTF-8?q?=E7=BA=AFCSS=E5=AE=9E=E7=8E=B0=E8=9C=A1?=
 =?UTF-8?q?=E7=83=9B=E7=81=AB=E7=84=B0=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 8d6b5b5..3364818 100644
--- a/README.md
+++ b/README.md
@@ -121,6 +121,7 @@
 + [CSS TEXT Animation](https://codepen.io/Chokcoco/pen/dwxPWO)
 + [纯CSS实现360°饼图 -- PURE CSS PIE ROTATE](https://codepen.io/Chokcoco/pen/BMgZvM?editors=1100)
 + [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
++ [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
 
 ## calc/css变量
 + [使用CSS让你的浏览器卡死](https://codepen.io/Chokcoco/pen/moMzxB)

From 3d74d504808bbcb39e6c4e51314c92dbaae56275 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sat, 30 Mar 2019 00:33:58 +0800
Subject: [PATCH 12/68] =?UTF-8?q?=E5=B7=A7=E5=A6=99=E4=BD=BF=E7=94=A8=20cs?=
 =?UTF-8?q?s=20=E6=8E=A7=E5=88=B6=E5=8A=A8=E7=94=BB=E8=A1=8C=E8=BF=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 3364818..03c4654 100644
--- a/README.md
+++ b/README.md
@@ -109,6 +109,7 @@
 + [简单曲线运动](https://chokcoco.github.io/CSS-Inspiration/#/./animation/animation-curve.md)
 + [借助transition-delay简单多重圆的位移](https://codepen.io/Chokcoco/pen/QzzwVO)
 + [动画正负旋转相消](https://codepen.io/Chokcoco/pen/XaBJPy)
++ [巧妙使用 css 控制动画行进](https://codepen.io/Chokcoco/pen/ZPgxwy)
 
 ## 综合
 

From 0465bbedceb281cf7403247042ba257696a1d1e2 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 3 Apr 2019 04:24:06 +0000
Subject: [PATCH 13/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=BA=BF=E6=80=A7?=
 =?UTF-8?q?=E6=B8=90=E5=8F=98=E5=AE=9E=E7=8E=B0=E7=B1=BB=E8=BF=B7=E5=AE=AB?=
 =?UTF-8?q?=E5=9B=BE=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 03c4654..5cfff5d 100644
--- a/README.md
+++ b/README.md
@@ -82,6 +82,7 @@
 + [圆锥渐变配合混合模式实现炫酷光影效果](https://codepen.io/Chokcoco/pen/gRRdQq)
 + [mask-image 实现图片变幻](https://codepen.io/Chokcoco/pen/VqdQwB)
 + [使用线性渐变实现滚动进度条](https://codepen.io/Chokcoco/pen/KbBXQM)
++ [使用线性渐变实现类迷宫图形](https://codepen.io/Chokcoco/pen/zXYJaW)
 
 ## 混合模式（mix-blend-mode/background-blend-mode)
 

From ed5c0e779015eb17c6b45059f1626c407af65962 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 3 Apr 2019 05:20:40 +0000
Subject: [PATCH 14/68] =?UTF-8?q?CSS=203D=20MAZE,=20=E6=83=8A=E8=89=B3?=
 =?UTF-8?q?=E7=9A=84=20CSS=203D=20=E7=BA=BF=E6=9D=A1=E7=89=B9=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 5cfff5d..874ac2f 100644
--- a/README.md
+++ b/README.md
@@ -103,6 +103,7 @@
 + [借助 translate3d\perspective 实现 3D 视差效果2](https://chokcoco.github.io/CSS-Inspiration/#/./3d/3d-parallax2.md) 
 + [3d 球动画](https://codepen.io/Chokcoco/pen/JwdvmJ) 
 + [3D Spiral Number](https://codepen.io/Chokcoco/pen/LeWbaB)
++ [CSS 3D MAZE, 惊艳的 CSS 3D 线条特效](https://codepen.io/Chokcoco/pen/dLYpxK)
 
 ## 动画/过渡(transition/animation)
 

From ab3b9f64cf919454a72ca5881fb2fdccb019adb6 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Thu, 4 Apr 2019 10:07:32 +0000
Subject: [PATCH 15/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8CSS=E8=AE=A9=E4=BD=A0?=
 =?UTF-8?q?=E7=9A=84=E6=B5=8F=E8=A7=88=E5=99=A8=E5=B4=A9=E6=BA=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 874ac2f..2c9bbe4 100644
--- a/README.md
+++ b/README.md
@@ -125,6 +125,7 @@
 + [纯CSS实现360°饼图 -- PURE CSS PIE ROTATE](https://codepen.io/Chokcoco/pen/BMgZvM?editors=1100)
 + [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
 + [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
++ [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
 
 ## calc/css变量
 + [使用CSS让你的浏览器卡死](https://codepen.io/Chokcoco/pen/moMzxB)

From 78f13b9b05f6830a8444432e5f0cdeb9fa0ed429 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 5 Apr 2019 13:12:11 +0000
Subject: [PATCH 16/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20hue-rotate=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=B8=90=E5=8F=98=E8=83=8C=E6=99=AF=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 2c9bbe4..8f1cba8 100644
--- a/README.md
+++ b/README.md
@@ -58,6 +58,7 @@
 + [滤镜及混合模式混搭特效](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-mix.md)
 + [使用 filter:blur | filter:constrast 单标签实现滴水效果](https://codepen.io/Chokcoco/pen/gZVjJw)
 + [使用 filter:blur | filter:constrast 小球穿梭效果](https://codepen.io/Chokcoco/pen/ZwYyKO)
++ [使用 hue-rotate 实现渐变背景动画](https://codepen.io/Chokcoco/pen/MRegJW)
 
 
 ## 边框(border)

From 1bd65e1d91561e57f3391bf3c29a742a7443da09 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sat, 6 Apr 2019 05:09:28 +0000
Subject: [PATCH 17/68] =?UTF-8?q?=E4=BC=AA=E5=85=83=E7=B4=A0=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E6=89=93=E7=82=B9loading=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 8f1cba8..39e1431 100644
--- a/README.md
+++ b/README.md
@@ -48,6 +48,7 @@
 + [伪类`:checked`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control.md)
 + [伪类`:target`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control-target.md)
 + [伪元素实现边界智能判断移动](https://codepen.io/Chokcoco/pen/rRLJrR)
++ [伪元素实现打点 loading 效果]（https://codepen.io/Chokcoco/pen/yrJpQG）
 
 ## 滤镜(fliter)
 

From 49f62831a11ae554b3956f4b28acfa006f1d8124 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sat, 6 Apr 2019 05:09:53 +0000
Subject: [PATCH 18/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 39e1431..8b30184 100644
--- a/README.md
+++ b/README.md
@@ -48,7 +48,7 @@
 + [伪类`:checked`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control.md)
 + [伪类`:target`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control-target.md)
 + [伪元素实现边界智能判断移动](https://codepen.io/Chokcoco/pen/rRLJrR)
-+ [伪元素实现打点 loading 效果]（https://codepen.io/Chokcoco/pen/yrJpQG）
++ [伪元素实现打点 loading 效果](https://codepen.io/Chokcoco/pen/yrJpQG)
 
 ## 滤镜(fliter)
 

From 422f1b8e944a2eaabcf98359f89ae2236d1615f8 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sat, 6 Apr 2019 07:04:16 +0000
Subject: [PATCH 19/68] =?UTF-8?q?CSS=E7=BA=BF=E6=9D=A1=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8b30184..7cfb658 100644
--- a/README.md
+++ b/README.md
@@ -118,7 +118,7 @@
 ## 综合
 
 + [retina屏下的1px线的实现](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
-+ [MAGIC CSS MIX](https://codepen.io/Chokcoco/pen/XogwvV)
++ [CSS线条动画](https://codepen.io/Chokcoco/pen/XogwvV)
 + [PURE CSS 实现鼠标跟随](https://codepen.io/Chokcoco/pen/MZqMVO)
 + [hover | transition 实现鼠标跟随](https://codepen.io/Chokcoco/pen/XgvjQM)
 + [鼠标跟随动画 PURE CSS MAGIC MIX](https://codepen.io/Chokcoco/pen/zyyYqN)

From 608c55a59a2439d922ddcb95913e08e215f93b3a Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sat, 6 Apr 2019 07:09:04 +0000
Subject: [PATCH 20/68] Update README.md

---
 README.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/README.md b/README.md
index 7cfb658..e8d9ec1 100644
--- a/README.md
+++ b/README.md
@@ -129,8 +129,6 @@
 + [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
 + [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
 
-## calc/css变量
-+ [使用CSS让你的浏览器卡死](https://codepen.io/Chokcoco/pen/moMzxB)
 
 ## SVG
 

From 1475c1c12d1b9706e30a0fc3c3385f388f37697d Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 8 Apr 2019 12:57:38 +0000
Subject: [PATCH 21/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=B8=90=E5=8F=98?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=B3=A2=E6=B5=AA=E4=B8=8B=E5=88=92=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index e8d9ec1..4d4912d 100644
--- a/README.md
+++ b/README.md
@@ -85,6 +85,7 @@
 + [mask-image 实现图片变幻](https://codepen.io/Chokcoco/pen/VqdQwB)
 + [使用线性渐变实现滚动进度条](https://codepen.io/Chokcoco/pen/KbBXQM)
 + [使用线性渐变实现类迷宫图形](https://codepen.io/Chokcoco/pen/zXYJaW)
++ [使用渐变实现波浪下划线](https://codepen.io/Chokcoco/pen/vMyBQe?editors=1100)
 
 ## 混合模式（mix-blend-mode/background-blend-mode)
 

From 39ed4b82ec2a0bdc09746e0281256f66372671a3 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 9 Apr 2019 11:09:01 +0000
Subject: [PATCH 22/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8text-decoration?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E4=B8=8B=E5=88=92=E7=BA=BF=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 4d4912d..b2a9623 100644
--- a/README.md
+++ b/README.md
@@ -116,6 +116,10 @@
 + [动画正负旋转相消](https://codepen.io/Chokcoco/pen/XaBJPy)
 + [巧妙使用 css 控制动画行进](https://codepen.io/Chokcoco/pen/ZPgxwy)
 
+## 文本类
+
++[使用text-decoration实现下划线效果](https://codepen.io/Chokcoco/pen/YMWavM)
+
 ## 综合
 
 + [retina屏下的1px线的实现](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)

From 021776dcf310307bde410467298565dc727ecf6c Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 9 Apr 2019 11:09:32 +0000
Subject: [PATCH 23/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b2a9623..b806f10 100644
--- a/README.md
+++ b/README.md
@@ -118,7 +118,7 @@
 
 ## 文本类
 
-+[使用text-decoration实现下划线效果](https://codepen.io/Chokcoco/pen/YMWavM)
++ [使用text-decoration实现下划线效果](https://codepen.io/Chokcoco/pen/YMWavM)
 
 ## 综合
 

From 9101db7cf9ee3c2bb3b5a118cdfa0743b0b36fa7 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 9 Apr 2019 11:09:58 +0000
Subject: [PATCH 24/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8text-decoration?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=B3=A2=E6=B5=AA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b806f10..013e039 100644
--- a/README.md
+++ b/README.md
@@ -118,7 +118,7 @@
 
 ## 文本类
 
-+ [使用text-decoration实现下划线效果](https://codepen.io/Chokcoco/pen/YMWavM)
++ [使用text-decoration实现波浪效果](https://codepen.io/Chokcoco/pen/YMWavM)
 
 ## 综合
 

From 6c0741025f469aab551b53c90a17834a1e5121f5 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 10 Apr 2019 13:16:30 +0000
Subject: [PATCH 25/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8CSS=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E4=B8=80=E5=A5=97=E8=A5=BF=E6=96=87=E5=AD=97=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 013e039..6eb0af7 100644
--- a/README.md
+++ b/README.md
@@ -133,7 +133,7 @@
 + [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
 + [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
 + [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
-
++ [使用CSS实现一套西文字体](https://codepen.io/Chokcoco/pen/VNPego?editors=1100)
 
 ## SVG
 

From 9104566d05079f3c34a55f9dd7a71d144647f30c Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 7 May 2019 22:20:33 +0800
Subject: [PATCH 26/68] =?UTF-8?q?=E4=BC=AA=E5=85=83=E7=B4=A0=E9=81=AE?=
 =?UTF-8?q?=E7=BD=A9=E5=AE=9E=E7=8E=B0=E7=BA=BF=E6=9D=A1=20loading=20?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 6eb0af7..24a05c1 100644
--- a/README.md
+++ b/README.md
@@ -49,6 +49,7 @@
 + [伪类`:target`实现纯 CSS 方式控制动画的暂停与播放](https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-animation-control-target.md)
 + [伪元素实现边界智能判断移动](https://codepen.io/Chokcoco/pen/rRLJrR)
 + [伪元素实现打点 loading 效果](https://codepen.io/Chokcoco/pen/yrJpQG)
++ [伪元素遮罩实现线条 loading 效果](https://codepen.io/Chokcoco/pen/PvqYNJ)
 
 ## 滤镜(fliter)
 

From deb9d63330c5d30a9792906753180e747c3de688 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 8 May 2019 10:57:31 +0000
Subject: [PATCH 27/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8box-shadow=E5=8D=95?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=AE=9E=E7=8E=B0=E5=8F=89=E5=AD=90=E5=9B=BE?=
 =?UTF-8?q?=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 24a05c1..1c7a20c 100644
--- a/README.md
+++ b/README.md
@@ -33,6 +33,7 @@
 + [借助 filter:drop-shadow ，单标签实现抖音 LOGO](https://chokcoco.github.io/CSS-Inspiration/#/./shadow/douyin-logo.md) 
 + [Box-shadow 实现圆环进度条动画](https://chokcoco.github.io/CSS-Inspiration/#/./shadow/circle-loading.md) 
 + [使用box-shadow/渐变实现内切圆角](https://chokcoco.github.io/CSS-Inspiration/#/./shadow/inscribed-angle.md) 
++ [使用box-shadow单标签实现叉子图形](https://codepen.io/Chokcoco/pens/public/)
 
 ## 伪类/伪元素
 

From 87036aedd99ac85032fe3427e0777f28d2819788 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 14 May 2019 23:38:48 +0800
Subject: [PATCH 28/68] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 1c7a20c..1d13603 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,8 @@
 
 [Online Pages](https://chokcoco.github.io/CSS-Inspiration/#/)
 
+> 下面很多例子不一定同步更新到我的在线网站，建议以下面的导航为准。
+
 ## Layout
 
 + [CSS实现瀑布流布局（display: flex）](https://chokcoco.github.io/CSS-Inspiration/#/./layout/flex-waterfalls-flow.md) 

From 949713e5d67d07c592bf872ebb4dc6dbb04aa68c Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 14 May 2019 23:39:17 +0800
Subject: [PATCH 29/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1d13603..8d54d29 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 [Online Pages](https://chokcoco.github.io/CSS-Inspiration/#/)
 
-> 下面很多例子不一定同步更新到我的在线网站，建议以下面的导航为准。
+> 下面很多例子不一定同步更新到我的在线网站，建议以下面的导航为准，很多 Demo 会直接链接到我的 CodePen。
 
 ## Layout
 

From 02dee2256b85905b0f3b171f604c693571584cf7 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 14 May 2019 23:39:48 +0800
Subject: [PATCH 30/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8d54d29..d8446fa 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 [Online Pages](https://chokcoco.github.io/CSS-Inspiration/#/)
 
-> 下面很多例子不一定同步更新到我的在线网站，建议以下面的导航为准，很多 Demo 会直接链接到我的 CodePen。
+> 下面很多例子不一定同步更新到我的在线网站（就是这里的 Online Pages），建议以下面的导航为准，很多 Demo 会直接链接到我的 CodePen。
 
 ## Layout
 

From 9f0a3a72cc5827211a330087863de531438a9937 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 20 May 2019 20:30:28 +0800
Subject: [PATCH 31/68] =?UTF-8?q?FFC=E4=B8=8B=E5=AE=9E=E7=8E=B0=E5=9E=82?=
 =?UTF-8?q?=E7=9B=B4=E5=B1=85=E4=B8=AD=E6=9C=80=E4=BE=BF=E6=8D=B7=E7=9A=84?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index d8446fa..257301f 100644
--- a/README.md
+++ b/README.md
@@ -19,6 +19,7 @@
 + [圣杯布局](https://chokcoco.github.io/CSS-Inspiration/#/./layout/holy-grail-layout.md)
 + [圣杯布局（flex实现）](https://chokcoco.github.io/CSS-Inspiration/#/./layout/flex-holy-grail-layout.md)
 + [双飞翼布局](https://chokcoco.github.io/CSS-Inspiration/#/./layout/double-wing-layout.md)
++ [FFC下实现垂直居中最便捷的方法](https://codepen.io/Chokcoco/pen/GarPev)
 
 ## 阴影(box-shadow、drop-shadow)
 

From 81f04c4f88e4f959b84dbf9f58fbd3c580aa6a7a Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 21 May 2019 22:43:50 +0800
Subject: [PATCH 32/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20margin=20auto=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=20flex=20=E4=B8=8B=E7=9A=84=20space-between?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 257301f..5a09cb9 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,8 @@
 + [圣杯布局](https://chokcoco.github.io/CSS-Inspiration/#/./layout/holy-grail-layout.md)
 + [圣杯布局（flex实现）](https://chokcoco.github.io/CSS-Inspiration/#/./layout/flex-holy-grail-layout.md)
 + [双飞翼布局](https://chokcoco.github.io/CSS-Inspiration/#/./layout/double-wing-layout.md)
-+ [FFC下实现垂直居中最便捷的方法](https://codepen.io/Chokcoco/pen/GarPev)
++ [实现垂直居中最便捷的方法](https://codepen.io/Chokcoco/pen/GarPev)
++ [使用 margin auto 实现 flex 下的 space-between](https://codepen.io/Chokcoco/pen/gJXawm)
 
 ## 阴影(box-shadow、drop-shadow)
 

From c95066ac3a37be5021e855ccc95085975ee6c33e Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 21 May 2019 22:45:06 +0800
Subject: [PATCH 33/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20margin=20auto=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=20flex=20=E4=B8=8B=E7=9A=84=20align-self:=20?=
 =?UTF-8?q?flex-end?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 5a09cb9..80cab75 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,8 @@
 + [圣杯布局（flex实现）](https://chokcoco.github.io/CSS-Inspiration/#/./layout/flex-holy-grail-layout.md)
 + [双飞翼布局](https://chokcoco.github.io/CSS-Inspiration/#/./layout/double-wing-layout.md)
 + [实现垂直居中最便捷的方法](https://codepen.io/Chokcoco/pen/GarPev)
-+ [使用 margin auto 实现 flex 下的 space-between](https://codepen.io/Chokcoco/pen/gJXawm)
++ [使用 margin auto 实现 flex 下的 justify-content: space-between](https://codepen.io/Chokcoco/pen/gJXawm)
++ [使用 margin auto 实现 flex 下的 align-self: flex-end](https://codepen.io/Chokcoco/pen/PvOZMr)
 
 ## 阴影(box-shadow、drop-shadow)
 

From 0f4ca32b60cbaf348107ef6bea8522f1c434059d Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 24 May 2019 18:53:57 +0800
Subject: [PATCH 34/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=BA=BF=E6=80=A7?=
 =?UTF-8?q?=E6=B8=90=E5=8F=98=E6=A8=A1=E6=8B=9F=E8=BF=9B=E5=BA=A6=E6=9D=A1?=
 =?UTF-8?q?=E8=BF=90=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 80cab75..cf7803b 100644
--- a/README.md
+++ b/README.md
@@ -93,6 +93,7 @@
 + [使用线性渐变实现滚动进度条](https://codepen.io/Chokcoco/pen/KbBXQM)
 + [使用线性渐变实现类迷宫图形](https://codepen.io/Chokcoco/pen/zXYJaW)
 + [使用渐变实现波浪下划线](https://codepen.io/Chokcoco/pen/vMyBQe?editors=1100)
++ [使用线性渐变模拟进度条运动](https://codepen.io/Chokcoco/pen/EzZwXg)
 
 ## 混合模式（mix-blend-mode/background-blend-mode)
 

From 114e85e8b9d3d5cebc9031cfcb5f57b0bf7f74fe Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 26 May 2019 17:04:05 +0800
Subject: [PATCH 35/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20border-radius?=
 =?UTF-8?q?=EF=BC=8C=E6=A8=A1=E6=8B=9F=E7=BB=B3=E5=AD=90=E4=B8=8B=E5=9D=A0?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index cf7803b..ce31ea0 100644
--- a/README.md
+++ b/README.md
@@ -76,6 +76,7 @@
 + [border-radius 变换实现 loading 效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-loading.md)
 + [border-color 变换实现文字输入效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-typing.md)
 + [活用 border-radius, 单标签线条动画](https://codepen.io/Chokcoco/pen/xBxvdZ)
++ [使用 border-radius，模拟绳子下坠动画](https://codepen.io/Chokcoco/pen/yWjjjq)
 
 ## 背景/渐变(linear-gradient/radial-gradient/conic-gradient)
 

From 45c6f896cf5d982a426780e555c2616ac8f4f802 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 2 Jun 2019 00:00:15 +0800
Subject: [PATCH 36/68] =?UTF-8?q?=E5=B7=A7=E5=A6=99=E4=BD=BF=E7=94=A8=20bo?=
 =?UTF-8?q?rder=20=E5=AE=9E=E7=8E=B0=E4=B8=8B=E8=90=BD=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index ce31ea0..88906a6 100644
--- a/README.md
+++ b/README.md
@@ -124,6 +124,7 @@
 + [借助transition-delay简单多重圆的位移](https://codepen.io/Chokcoco/pen/QzzwVO)
 + [动画正负旋转相消](https://codepen.io/Chokcoco/pen/XaBJPy)
 + [巧妙使用 css 控制动画行进](https://codepen.io/Chokcoco/pen/ZPgxwy)
++ [巧妙使用 border 实现下落动画]
 
 ## 文本类
 

From 7d1fb8d0a23859e7b99d9dcddc1675d5c43bbd8a Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 16 Jul 2019 10:31:36 +0800
Subject: [PATCH 37/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20outline=20=E5=B7=A7?=
 =?UTF-8?q?=E5=A6=99=E5=AE=9E=E7=8E=B0=E5=8A=A0=E5=8F=B7=E7=AC=A6=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 88906a6..055653a 100644
--- a/README.md
+++ b/README.md
@@ -77,6 +77,7 @@
 + [border-color 变换实现文字输入效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-typing.md)
 + [活用 border-radius, 单标签线条动画](https://codepen.io/Chokcoco/pen/xBxvdZ)
 + [使用 border-radius，模拟绳子下坠动画](https://codepen.io/Chokcoco/pen/yWjjjq)
++ [使用 outline 巧妙实现加号符号](https://codepen.io/Chokcoco/pen/PrrLaP)
 
 ## 背景/渐变(linear-gradient/radial-gradient/conic-gradient)
 

From 2181085933cd2f470d30b853cbf59d0de24a5ea2 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 22 Jul 2019 20:43:10 +0800
Subject: [PATCH 38/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20drop-shadow=20?=
 =?UTF-8?q?=E9=85=8D=E5=90=88=20clip-path=20=E7=94=9F=E6=88=90=E8=A7=84?=
 =?UTF-8?q?=E5=88=99=E9=98=B4=E5=BD=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 055653a..5e1e477 100644
--- a/README.md
+++ b/README.md
@@ -67,6 +67,7 @@
 + [使用 filter:blur | filter:constrast 单标签实现滴水效果](https://codepen.io/Chokcoco/pen/gZVjJw)
 + [使用 filter:blur | filter:constrast 小球穿梭效果](https://codepen.io/Chokcoco/pen/ZwYyKO)
 + [使用 hue-rotate 实现渐变背景动画](https://codepen.io/Chokcoco/pen/MRegJW)
++ [使用 drop-shadow 配合 clip-path 生成规则阴影](https://codepen.io/Chokcoco/pen/oKjxpR)
 
 
 ## 边框(border)

From 3e62b71e4466c0f8c276547887dc3c5c33330e75 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Thu, 1 Aug 2019 22:45:43 +0800
Subject: [PATCH 39/68] Update README.md

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index 5e1e477..479d488 100644
--- a/README.md
+++ b/README.md
@@ -145,7 +145,6 @@
 + [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
 + [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
 + [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
-+ [使用CSS实现一套西文字体](https://codepen.io/Chokcoco/pen/VNPego?editors=1100)
 
 ## SVG
 

From 6279ffa47534f37f738e714572265dcf62db4842 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 6 Aug 2019 17:25:26 +0800
Subject: [PATCH 40/68] =?UTF-8?q?retina=E5=B1=8F=E4=B8=8B=E7=9A=841px?=
 =?UTF-8?q?=E7=BA=BF=E7=9A=84=E5=AE=9E=E7=8E=B0=EF=BC=88=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?2x=E5=B1=8F=E3=80=813x=E5=B1=8F=E5=B9=95=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 479d488..2db8b69 100644
--- a/README.md
+++ b/README.md
@@ -134,7 +134,7 @@
 
 ## 综合
 
-+ [retina屏下的1px线的实现](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
++ [retina屏下的1px线的实现（兼容2x屏、3x屏幕）](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
 + [CSS线条动画](https://codepen.io/Chokcoco/pen/XogwvV)
 + [PURE CSS 实现鼠标跟随](https://codepen.io/Chokcoco/pen/MZqMVO)
 + [hover | transition 实现鼠标跟随](https://codepen.io/Chokcoco/pen/XgvjQM)

From 9b35928139679e2bc1405483e87aba26686b9396 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 6 Aug 2019 17:26:09 +0800
Subject: [PATCH 41/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 2db8b69..53d0e28 100644
--- a/README.md
+++ b/README.md
@@ -134,7 +134,7 @@
 
 ## 综合
 
-+ [retina屏下的1px线的实现（兼容2x屏、3x屏幕）](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
++ [retina屏下的1px线的实现（兼容2x屏、3x屏幕）](https://codepen.io/Chokcoco/pen/XyNjqK)
 + [CSS线条动画](https://codepen.io/Chokcoco/pen/XogwvV)
 + [PURE CSS 实现鼠标跟随](https://codepen.io/Chokcoco/pen/MZqMVO)
 + [hover | transition 实现鼠标跟随](https://codepen.io/Chokcoco/pen/XgvjQM)

From 1093251c9a2147dc13b1eb6d8b8f4f500790f750 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 18 Aug 2019 13:09:17 +0800
Subject: [PATCH 42/68] CSS-doodle

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 53d0e28..650d50a 100644
--- a/README.md
+++ b/README.md
@@ -149,3 +149,7 @@
 ## SVG
 
 + [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)
+
+## CSS-doodle
+
+

From b863a40e5749d55def4b9455b6dda87274e99640 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 18 Aug 2019 13:10:09 +0800
Subject: [PATCH 43/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 650d50a..4cdfaba 100644
--- a/README.md
+++ b/README.md
@@ -152,4 +152,4 @@
 
 ## CSS-doodle
 
-
++ [css-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)

From cc9e7e6be51e02a4b297ce609c0be1b0b1c2ac29 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 19 Aug 2019 20:56:53 +0800
Subject: [PATCH 44/68] CSS Doodle Random Polygon

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 4cdfaba..b51ef1d 100644
--- a/README.md
+++ b/README.md
@@ -153,3 +153,4 @@
 ## CSS-doodle
 
 + [css-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)
++ [CSS Doodle Random Polygon](https://codepen.io/Chokcoco/pen/pozEgzm)

From fedc80e9482edf4dac6f0ecd437e928024877d4c Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 19 Aug 2019 20:57:37 +0800
Subject: [PATCH 45/68] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index b51ef1d..36b1cba 100644
--- a/README.md
+++ b/README.md
@@ -152,5 +152,5 @@
 
 ## CSS-doodle
 
-+ [css-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)
-+ [CSS Doodle Random Polygon](https://codepen.io/Chokcoco/pen/pozEgzm)
++ [CSS-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)
++ [CSS-doodle Random Polygon](https://codepen.io/Chokcoco/pen/pozEgzm)

From 31a4c560dd8892e6eb556ca00bd026a274412dda Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 3 Sep 2019 23:43:15 +0800
Subject: [PATCH 46/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 36b1cba..8188def 100644
--- a/README.md
+++ b/README.md
@@ -126,7 +126,7 @@
 + [借助transition-delay简单多重圆的位移](https://codepen.io/Chokcoco/pen/QzzwVO)
 + [动画正负旋转相消](https://codepen.io/Chokcoco/pen/XaBJPy)
 + [巧妙使用 css 控制动画行进](https://codepen.io/Chokcoco/pen/ZPgxwy)
-+ [巧妙使用 border 实现下落动画]
++ [巧妙使用 border 实现绳索下落动画](https://codepen.io/Chokcoco/pen/yWjjjq)
 
 ## 文本类
 

From 5934a2809855a7c112a58c0c6973c6008bd3c4ce Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 27 Sep 2019 10:32:32 +0800
Subject: [PATCH 47/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8opacity=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96box-shadow=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 8188def..0093769 100644
--- a/README.md
+++ b/README.md
@@ -145,6 +145,7 @@
 + [纯CSS鼠标跟随按钮动画效果](https://codepen.io/Chokcoco/pen/OqXqVz)
 + [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
 + [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
++ [使用opacity优化box-shadow动画](https://codepen.io/Chokcoco/pen/zYObVRJ)
 
 ## SVG
 

From d178447585130f3057357d7acb3c2410d6133edb Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 2 Oct 2019 18:53:16 +0800
Subject: [PATCH 48/68] Update README.md

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 0093769..62ad111 100644
--- a/README.md
+++ b/README.md
@@ -150,8 +150,11 @@
 ## SVG
 
 + [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)
++ [CSS线条动画](https://codepen.io/Chokcoco/pen/XogwvV)
 
 ## CSS-doodle
 
 + [CSS-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)
 + [CSS-doodle Random Polygon](https://codepen.io/Chokcoco/pen/pozEgzm)
++ [百叶窗效果](https://codepen.io/Chokcoco/pen/mdbrPVY?editors=1010)
+

From ab96c552798a743fcb07aa3c3fc5eedef01003d4 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 6 Oct 2019 15:44:41 +0800
Subject: [PATCH 49/68] CSS-doodle Rotate

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 62ad111..5fa2263 100644
--- a/README.md
+++ b/README.md
@@ -156,5 +156,6 @@
 
 + [CSS-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)
 + [CSS-doodle Random Polygon](https://codepen.io/Chokcoco/pen/pozEgzm)
++ [CSS-doodle Rotate](https://codepen.io/Chokcoco/pen/XWWWVzR)
 + [百叶窗效果](https://codepen.io/Chokcoco/pen/mdbrPVY?editors=1010)
 

From 0676eb626a2df591d1bc93ec8bc6018b991a8af7 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 13 Oct 2019 23:52:02 +0800
Subject: [PATCH 50/68] =?UTF-8?q?clip-path=20=E5=AE=9E=E7=8E=B0=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E6=96=AD=E8=A3=82=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 5fa2263..42afbeb 100644
--- a/README.md
+++ b/README.md
@@ -128,6 +128,10 @@
 + [巧妙使用 css 控制动画行进](https://codepen.io/Chokcoco/pen/ZPgxwy)
 + [巧妙使用 border 实现绳索下落动画](https://codepen.io/Chokcoco/pen/yWjjjq)
 
+## clip-path
+
++[clip-path 实现文字断裂效果](https://codepen.io/Chokcoco/pen/NWWxryd)
+
 ## 文本类
 
 + [使用text-decoration实现波浪效果](https://codepen.io/Chokcoco/pen/YMWavM)

From 0f460a0f3545059fc28adbbba5aca680d72ac395 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sun, 13 Oct 2019 23:52:27 +0800
Subject: [PATCH 51/68] Update README.md

---
 README.md | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 42afbeb..4dfdb3f 100644
--- a/README.md
+++ b/README.md
@@ -130,7 +130,7 @@
 
 ## clip-path
 
-+[clip-path 实现文字断裂效果](https://codepen.io/Chokcoco/pen/NWWxryd)
++ [clip-path 实现文字断裂效果](https://codepen.io/Chokcoco/pen/NWWxryd)
 
 ## 文本类
 
@@ -153,13 +153,4 @@
 
 ## SVG
 
-+ [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)
-+ [CSS线条动画](https://codepen.io/Chokcoco/pen/XogwvV)
-
-## CSS-doodle
-
-+ [CSS-doodle 3d Line](https://codepen.io/Chokcoco/pen/mdbPZpq)
-+ [CSS-doodle Random Polygon](https://codepen.io/Chokcoco/pen/pozEgzm)
-+ [CSS-doodle Rotate](https://codepen.io/Chokcoco/pen/XWWWVzR)
-+ [百叶窗效果](https://codepen.io/Chokcoco/pen/mdbrPVY?editors=1010)
-
++ [使用 SVG 实现文字弧形排

From 1ed055686db6c35bbd2ad70dddca60867c81a091 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 18 Oct 2019 17:32:05 +0800
Subject: [PATCH 52/68] =?UTF-8?q?3D=20=E6=97=A0=E9=99=90=E5=BB=B6=E4=BC=B8?=
 =?UTF-8?q?=E8=A7=86=E8=A7=92=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 4dfdb3f..5b0a6fe 100644
--- a/README.md
+++ b/README.md
@@ -118,6 +118,7 @@
 + [3d 球动画](https://codepen.io/Chokcoco/pen/JwdvmJ) 
 + [3D Spiral Number](https://codepen.io/Chokcoco/pen/LeWbaB)
 + [CSS 3D MAZE, 惊艳的 CSS 3D 线条特效](https://codepen.io/Chokcoco/pen/dLYpxK)
++ [3D 无限延伸视角动画](https://codepen.io/Chokcoco/pen/eYYJaMZ)
 
 ## 动画/过渡(transition/animation)
 

From 21ee843e807e9eddc606cf66e21b884bcac0ef2e Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 21 Oct 2019 13:43:45 +0800
Subject: [PATCH 53/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=20filter:blur=20|=20fi?=
 =?UTF-8?q?lter:constrast=20=E5=AE=9E=E7=8E=B0=E5=B0=8F=E7=90=83=E7=A9=BF?=
 =?UTF-8?q?=E6=A2=AD=E6=94=BE=E5=A4=A7loading=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 5b0a6fe..898bf01 100644
--- a/README.md
+++ b/README.md
@@ -66,6 +66,7 @@
 + [滤镜及混合模式混搭特效](https://chokcoco.github.io/CSS-Inspiration/#/./filter/filter-mix.md)
 + [使用 filter:blur | filter:constrast 单标签实现滴水效果](https://codepen.io/Chokcoco/pen/gZVjJw)
 + [使用 filter:blur | filter:constrast 小球穿梭效果](https://codepen.io/Chokcoco/pen/ZwYyKO)
++ [使用 filter:blur | filter:constrast 实现小球穿梭放大loading动画](https://codepen.io/Chokcoco/pen/BaaQEab)
 + [使用 hue-rotate 实现渐变背景动画](https://codepen.io/Chokcoco/pen/MRegJW)
 + [使用 drop-shadow 配合 clip-path 生成规则阴影](https://codepen.io/Chokcoco/pen/oKjxpR)
 

From cfe091f1f59500f720d1433cf1c26e2f06c5294d Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Thu, 31 Oct 2019 20:19:01 +0800
Subject: [PATCH 54/68] =?UTF-8?q?=E6=B8=90=E5=8F=98=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E8=81=9A=E5=85=89=E7=81=AF=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 898bf01..7c63025 100644
--- a/README.md
+++ b/README.md
@@ -92,6 +92,7 @@
 + [利用线性渐变实现下划线](https://chokcoco.github.io/CSS-Inspiration/#/./background/bg-underline.md) 
 + [使用 background-attachment 实现毛玻璃效果](https://chokcoco.github.io/CSS-Inspiration/#/./background/bg-frosted-glass.md) 
 + [使用渐变实现舞台灯光聚焦效果](https://chokcoco.github.io/CSS-Inspiration/#/./background/bg-focus.md) 
++ [渐变实现聚光灯效果](https://codepen.io/Chokcoco/pen/yLLzqaJ)
 + [圆锥渐变配合混合模式实现炫酷光影效果](https://codepen.io/Chokcoco/pen/gRRdQq)
 + [mask-image 实现图片变幻](https://codepen.io/Chokcoco/pen/VqdQwB)
 + [使用线性渐变实现滚动进度条](https://codepen.io/Chokcoco/pen/KbBXQM)

From 696cf69791b3cc0b026ae238220af4b0df1f9bcc Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Thu, 7 Nov 2019 20:29:13 +0800
Subject: [PATCH 55/68] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E5=A4=9A=E9=87=8D?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E5=8D=95=E6=A0=87=E7=AD=BE=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E4=B8=8D=E5=8F=AF=E6=80=9D=E8=AE=AE=E7=9A=84=E6=B0=94=E6=B3=A1?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=82=B9=E5=87=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 7c63025..350da03 100644
--- a/README.md
+++ b/README.md
@@ -99,6 +99,7 @@
 + [使用线性渐变实现类迷宫图形](https://codepen.io/Chokcoco/pen/zXYJaW)
 + [使用渐变实现波浪下划线](https://codepen.io/Chokcoco/pen/vMyBQe?editors=1100)
 + [使用线性渐变模拟进度条运动](https://codepen.io/Chokcoco/pen/EzZwXg)
++ [使用多重背景单标签实现不可思议的气泡按钮点击效果](https://codepen.io/Chokcoco/pen/bGGMLdd)
 
 ## 混合模式（mix-blend-mode/background-blend-mode)
 
@@ -156,4 +157,4 @@
 
 ## SVG
 
-+ [使用 SVG 实现文字弧形排
++ [使用 SVG 实现文字弧形排]

From 77d0a0be98ae2813d0fbe2b4fdce29874771b260 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 11 Nov 2019 11:10:19 +0800
Subject: [PATCH 56/68] =?UTF-8?q?=E5=8D=95=E6=A0=87=E7=AD=BE=E7=BA=AFCSS?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E5=B9=BD=E7=81=B5=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 350da03..9e1ed8c 100644
--- a/README.md
+++ b/README.md
@@ -154,6 +154,7 @@
 + [纯CSS实现蜡烛火焰效果](https://codepen.io/Chokcoco/pen/jJJbmz)
 + [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
 + [使用opacity优化box-shadow动画](https://codepen.io/Chokcoco/pen/zYObVRJ)
++ [单标签纯CSS实现幽灵动画](https://codepen.io/Chokcoco/pen/vYYrNOO)
 
 ## SVG
 

From 39b079449dc2e18942bced68491a32941bc46c6e Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 11 Nov 2019 13:56:58 +0800
Subject: [PATCH 57/68] =?UTF-8?q?=E5=B7=A7=E7=94=A8overflow=E5=8F=8Atransf?=
 =?UTF-8?q?orm=E5=AE=9E=E7=8E=B0=E7=BA=BF=E6=9D=A1hover=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 9e1ed8c..1075530 100644
--- a/README.md
+++ b/README.md
@@ -131,6 +131,7 @@
 + [动画正负旋转相消](https://codepen.io/Chokcoco/pen/XaBJPy)
 + [巧妙使用 css 控制动画行进](https://codepen.io/Chokcoco/pen/ZPgxwy)
 + [巧妙使用 border 实现绳索下落动画](https://codepen.io/Chokcoco/pen/yWjjjq)
++ [巧用overflow及transform实现线条hover效果](https://codepen.io/Chokcoco/pen/PooBpQe)
 
 ## clip-path
 

From 0caf4bbd247d64ed772e01e1bc88beb718036549 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 12 Nov 2019 20:31:01 +0800
Subject: [PATCH 58/68] SVG Hover Animations

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 1075530..9f56c29 100644
--- a/README.md
+++ b/README.md
@@ -160,3 +160,4 @@
 ## SVG
 
 + [使用 SVG 实现文字弧形排]
++ [SVG Hover Animations](https://codepen.io/Chokcoco/pen/gOOKYmV)

From 0a2a1861ef7a1a757c368c35a941246006c52fd8 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Thu, 14 Nov 2019 17:08:52 +0800
Subject: [PATCH 59/68] =?UTF-8?q?chrome=20Tab=20=E5=88=86=E6=A0=8F?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 9f56c29..a49c5f5 100644
--- a/README.md
+++ b/README.md
@@ -156,6 +156,7 @@
 + [使用CSS让你的浏览器崩溃](https://codepen.io/Chokcoco/pen/moMzxB)
 + [使用opacity优化box-shadow动画](https://codepen.io/Chokcoco/pen/zYObVRJ)
 + [单标签纯CSS实现幽灵动画](https://codepen.io/Chokcoco/pen/vYYrNOO)
++ [chrome Tab 分栏实现](https://codepen.io/Chokcoco/pen/WNNgyMV)
 
 ## SVG
 

From 816f19eaa7f3baa7b0c5dab3782477967294a3ea Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 15 Nov 2019 10:28:34 +0800
Subject: [PATCH 60/68] =?UTF-8?q?=E5=A4=8F=E6=97=A5=E5=9F=8E=E5=B8=82?=
 =?UTF-8?q?=E5=A4=95=E9=98=B3=E5=9B=BE=F0=9F=8C=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index a49c5f5..3f93c5d 100644
--- a/README.md
+++ b/README.md
@@ -158,6 +158,10 @@
 + [单标签纯CSS实现幽灵动画](https://codepen.io/Chokcoco/pen/vYYrNOO)
 + [chrome Tab 分栏实现](https://codepen.io/Chokcoco/pen/WNNgyMV)
 
++ CSS-Doodle
+
++ [夏日城市夕阳图🌇](https://codepen.io/Chokcoco/pen/BaaqYZO)
+
 ## SVG
 
 + [使用 SVG 实现文字弧形排]

From 0f039d993472c1e54f9e4e849a65d16e0c52abbf Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 15 Nov 2019 10:28:49 +0800
Subject: [PATCH 61/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 3f93c5d..ca6da90 100644
--- a/README.md
+++ b/README.md
@@ -158,7 +158,7 @@
 + [单标签纯CSS实现幽灵动画](https://codepen.io/Chokcoco/pen/vYYrNOO)
 + [chrome Tab 分栏实现](https://codepen.io/Chokcoco/pen/WNNgyMV)
 
-+ CSS-Doodle
+## CSS-Doodle
 
 + [夏日城市夕阳图🌇](https://codepen.io/Chokcoco/pen/BaaqYZO)
 

From a9fe462bd8e7965f03e0dd9ae7fc55abbe905cbe Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Mon, 18 Nov 2019 22:52:58 +0800
Subject: [PATCH 62/68] =?UTF-8?q?CSS-Doodle=20fish=20=F0=9F=90=9F=20&=20se?=
 =?UTF-8?q?aweed=20=F0=9F=8D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index ca6da90..094f00f 100644
--- a/README.md
+++ b/README.md
@@ -161,6 +161,7 @@
 ## CSS-Doodle
 
 + [夏日城市夕阳图🌇](https://codepen.io/Chokcoco/pen/BaaqYZO)
++ [CSS-Doodle fish 🐟 & seaweed 🍀](https://codepen.io/Chokcoco/pen/WNNLOXV)
 
 ## SVG
 

From d0c1dedf6a87f846c153b6f3a485b6bc518bcbeb Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Wed, 20 Nov 2019 20:15:04 +0800
Subject: [PATCH 63/68] =?UTF-8?q?CSS-Doodle=20spotlight=F0=9F=8E=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 094f00f..362804d 100644
--- a/README.md
+++ b/README.md
@@ -162,6 +162,7 @@
 
 + [夏日城市夕阳图🌇](https://codepen.io/Chokcoco/pen/BaaqYZO)
 + [CSS-Doodle fish 🐟 & seaweed 🍀](https://codepen.io/Chokcoco/pen/WNNLOXV)
++ [CSS-Doodle spotlight🎆](https://codepen.io/Chokcoco/pen/xxxMoqV)
 
 ## SVG
 

From afe77beb1d83dd0944f83d323ba535dac89c9a92 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Fri, 6 Dec 2019 17:59:59 +0800
Subject: [PATCH 64/68] =?UTF-8?q?3D=20=E6=95=B0=E5=AD=97=E8=AE=A1=E6=95=B0?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 362804d..d604996 100644
--- a/README.md
+++ b/README.md
@@ -122,6 +122,7 @@
 + [3D Spiral Number](https://codepen.io/Chokcoco/pen/LeWbaB)
 + [CSS 3D MAZE, 惊艳的 CSS 3D 线条特效](https://codepen.io/Chokcoco/pen/dLYpxK)
 + [3D 无限延伸视角动画](https://codepen.io/Chokcoco/pen/eYYJaMZ)
++ [3D 数字计数动画](https://codepen.io/Chokcoco/pen/qXVxyw)
 
 ## 动画/过渡(transition/animation)
 

From ceb84373486fea41d46a0c86ca241ebdae85c520 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Sat, 21 Dec 2019 15:25:19 +0800
Subject: [PATCH 65/68] =?UTF-8?q?=E5=8D=8E=E4=B8=BA=E5=85=85=E7=94=B5?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB=20HuaWei=20Battery=20Charging=20Animation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d604996..da7b872 100644
--- a/README.md
+++ b/README.md
@@ -158,7 +158,7 @@
 + [使用opacity优化box-shadow动画](https://codepen.io/Chokcoco/pen/zYObVRJ)
 + [单标签纯CSS实现幽灵动画](https://codepen.io/Chokcoco/pen/vYYrNOO)
 + [chrome Tab 分栏实现](https://codepen.io/Chokcoco/pen/WNNgyMV)
-
++ [华为充电动画 HuaWei Battery Charging Animation](https://codepen.io/Chokcoco/pen/vYExwvm?editors=1100)
 ## CSS-Doodle
 
 + [夏日城市夕阳图🌇](https://codepen.io/Chokcoco/pen/BaaqYZO)

From 69adad61d494b22200639dd05ddd20fea2d7a7f6 Mon Sep 17 00:00:00 2001
From: Coco <308695699@qq.com>
Date: Tue, 24 Dec 2019 15:57:17 +0800
Subject: [PATCH 66/68] =?UTF-8?q?=E6=B4=BB=E7=94=A8=20border-radius,=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E7=94=B5=E6=B1=A0=E5=85=85=E7=94=B5=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index da7b872..81c026f 100644
--- a/README.md
+++ b/README.md
@@ -75,6 +75,7 @@
 
 + [活用 border-radius, 实现波浪动画](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-wave.md)
 + [活用 border-radius, 实现波浪百分比图](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-wave-percent.md)
++ [活用 border-radius, 实现电池充电效果](https://codepen.io/Chokcoco/pen/qBErGoO)
 + [border-radius 变换实现 loading 效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-loading.md)
 + [border-color 变换实现文字输入效果](https://chokcoco.github.io/CSS-Inspiration/#/./border/border-typing.md)
 + [活用 border-radius, 单标签线条动画](https://codepen.io/Chokcoco/pen/xBxvdZ)
@@ -159,6 +160,8 @@
 + [单标签纯CSS实现幽灵动画](https://codepen.io/Chokcoco/pen/vYYrNOO)
 + [chrome Tab 分栏实现](https://codepen.io/Chokcoco/pen/WNNgyMV)
 + [华为充电动画 HuaWei Battery Charging Animation](https://codepen.io/Chokcoco/pen/vYExwvm?editors=1100)
+
+
 ## CSS-Doodle
 
 + [夏日城市夕阳图🌇](https://codepen.io/Chokcoco/pen/BaaqYZO)

From 7d7b07cd6c0b82eabca3da3f432dc013b97d3864 Mon Sep 17 00:00:00 2001
From: lichunlei1225 <2864617610@qq.com>
Date: Sat, 8 Feb 2020 11:50:35 +0800
Subject: [PATCH 67/68] =?UTF-8?q?=E6=88=91=E4=BF=AE=E6=94=B9=E8=AF=95?=
 =?UTF-8?q?=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 81c026f..0b42b5e 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,10 @@
+
+
+
+我修改试试
+
+
+
 ![logo2.png](./images/logo2.png)
 
 这里可以让你寻找到使用或者是学习 CSS 的灵感，以分类的形式，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。

From 5e227e420b8044993d5aea7227423f56f54d389b Mon Sep 17 00:00:00 2001
From: lichunlei1225 <2864617610@qq.com>
Date: Sat, 8 Feb 2020 11:52:54 +0800
Subject: [PATCH 68/68] =?UTF-8?q?=E4=BA=8C=E6=AC=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0b42b5e..6ec9c33 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 
 
 
-我修改试试
+我修改试试0000