css实现有弧度的文字

今天看到一个网页里:有这弧度效果。我原本以为是PS做的。没想到是css3做的!!!!!作为一个后端程序员,这是多么的惊讶1!!然后我就用开发者工具看了下。是这行代码实现的效果:.rota-1 ...

今天看到一个网页里:

image.png

有这弧度效果。

我原本以为是PS做的。

没想到是css3做的!!!!!

作为一个后端程序员,这是多么的惊讶1!!

然后我就用开发者工具看了下。

是这行代码实现的效果:

.rota-1 {
    transform: rotate(-13deg);
    margin-top: 23px;
}

如果我们修改下数字:

image.png

卧槽 这效果是如此的明显!!!!

真是我伙呆啊!

  • 发表于 2018-07-06 15:50
  • 阅读 ( 2692 )
  • 分类:前端

条评论

请先 登录 后评论
不写代码的码农
三叔

422 篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除