diff --git a/README.md b/README.md
index f023a06..6ec9c33 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,10 @@
+
+
+
+我修改试试0000
+
+
+
 ![logo2.png](./images/logo2.png)
 
 这里可以让你寻找到使用或者是学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。
@@ -6,6 +13,8 @@
 
 [Online Pages](https://chokcoco.github.io/CSS-Inspiration/#/)
 
+> 下面很多例子不一定同步更新到我的在线网站(就是这里的 Online Pages),建议以下面的导航为准,很多 Demo 会直接链接到我的 CodePen。
+
 ## Layout
 
 + [CSS实现瀑布流布局(display: flex)](https://chokcoco.github.io/CSS-Inspiration/#/./layout/flex-waterfalls-flow.md) 
@@ -17,6 +26,9 @@
 + [圣杯布局](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)
++ [实现垂直居中最便捷的方法](https://codepen.io/Chokcoco/pen/GarPev)
++ [使用 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)
 
@@ -33,10 +45,12 @@
 + [借助 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/)
 
 ## 伪类/伪元素
 
 + [使用`: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)
@@ -46,22 +60,34 @@
 + [伪类`: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)
++ [伪元素实现打点 loading 效果](https://codepen.io/Chokcoco/pen/yrJpQG)
++ [伪元素遮罩实现线条 loading 效果](https://codepen.io/Chokcoco/pen/PvqYNJ)
 
 ## 滤镜(fliter)
 
 + [使用 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)
++ [使用 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)
 
 
 ## 边框(border)
 
 + [活用 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)
++ [使用 border-radius,模拟绳子下坠动画](https://codepen.io/Chokcoco/pen/yWjjjq)
++ [使用 outline 巧妙实现加号符号](https://codepen.io/Chokcoco/pen/PrrLaP)
 
 ## 背景/渐变(linear-gradient/radial-gradient/conic-gradient)
 
@@ -74,9 +100,14 @@
 + [利用线性渐变实现下划线](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)
++ [使用线性渐变实现类迷宫图形](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)
 
@@ -97,6 +128,9 @@
 + [借助 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)
++ [3D 无限延伸视角动画](https://codepen.io/Chokcoco/pen/eYYJaMZ)
++ [3D 数字计数动画](https://codepen.io/Chokcoco/pen/qXVxyw)
 
 ## 动画/过渡(transition/animation)
 
@@ -104,16 +138,44 @@
 + [简单曲线运动](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)
++ [巧妙使用 border 实现绳索下落动画](https://codepen.io/Chokcoco/pen/yWjjjq)
++ [巧用overflow及transform实现线条hover效果](https://codepen.io/Chokcoco/pen/PooBpQe)
 
-## SVG
+## clip-path
+
++ [clip-path 实现文字断裂效果](https://codepen.io/Chokcoco/pen/NWWxryd)
 
-+ [使用 SVG 实现文字弧形排列](https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-arc-word.md)
+## 文本类
+
++ [使用text-decoration实现波浪效果](https://codepen.io/Chokcoco/pen/YMWavM)
 
 ## 综合
 
-+ [retina屏下的1px线的实现](https://chokcoco.github.io/CSS-Inspiration/#/./others/1px-line.md)
-+ [MAGIC CSS MIX](https://codepen.io/Chokcoco/pen/XogwvV)
++ [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)
 + [鼠标跟随动画 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)
++ [纯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)
++ [单标签纯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)
++ [CSS-Doodle fish 🐟 & seaweed 🍀](https://codepen.io/Chokcoco/pen/WNNLOXV)
++ [CSS-Doodle spotlight🎆](https://codepen.io/Chokcoco/pen/xxxMoqV)
+
+## SVG
+
++ [使用 SVG 实现文字弧形排]
++ [SVG Hover Animations](https://codepen.io/Chokcoco/pen/gOOKYmV)