这种字体效果可以用Css实现吗？

Question

左侧字体向左倾斜
右侧字体向右倾斜
可以用Css实现吗？

Answer 1

可以。
使用 transfom:rotate 搭配 text-shadow 就能实现，
具体倾斜角度和发光参数需要你自己调整了。

参考文档

rotateX() - CSS（层叠样式表） | MDN)
text-shadow - CSS（层叠样式表） | MDN

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

transform:rotateX()

参考 CSS3 Transform变形（3D转换）

Answer 3

不行。

建议文字直接切图吧。
你这个效果难点在于：

1. 怎样让文字向左倾斜？
2. 越靠近中间的倾斜度越小。

PS: 不想切图的话，看是否有相关的字体库了~

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。