SVG textPath可以让文字沿着指定的路径排列排版布局，文中还有配套开发的路径转换工具和诸多应用案例，精彩不容错过。
文章关键字 ‘CSS Shapes’
文字沿着不规则路径排版布局的实现
2020年09月6日，星期日CSS技术分享: 文字在圆形内沿着弧线边界排版
2020年04月9日，星期四
CSS值类型文档大全
2019年11月10日，星期日
第五届CSS大会主题分享之CSS创意与视觉表现
2019年06月9日，星期日
第五届CSS大会主题分享之“CSS创意与视觉表现”文字版完全整理，共有10个纯CSS实现的创意案例，旨在展现CSS的潜力，同时激发你的CSS创意思维。每个案例都有demo，原理讲解，文末还有分享文档，希望对你CSS学习有所帮助。
CSS实现平行四边形布局效果
2019年04月20日，星期六
写给自己看的CSS shapes布局教程
2019年02月2日，星期六
本文详细介绍CSS Shapes布局，兼容性不错，移动端项目和中后台项目都可以使用，可以实现很多很棒的布局效果，需要和浮动配合使用。不仅支持基础图形，还支持PNG，SVG图像，以及渐变图形的环绕效果。是非常值得学习的一种布局方式。
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
2017年09月19日，星期二iPhone X造型上有个显著的特质，就是有个明显的刘海。
然后，也出现了一些酷酷的交互，例如页面滚动的时候，列表会自动绕着iPhone X的刘海排列。看微博评论，好像觉得这个效果实现很难，实际上，CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的，本文就将展示如何使用CSS3 Shapes实现元素内容在滚动的时候自动环绕iPhone X的齐刘海的效果。
我的应用
我的应用