小编Teo*_*Teo的帖子

3d转换SVG元素

是否可以通过SVG元素的三维变换实现透视?

我正在谈论类似于星球大战开场标题的三维视角.这是一个使用CSS3 3d变换实现所需效果的jsfiddle:

<section style="transform: perspective(200px) rotateX(-30deg); transform-origin: 50% 100%; text-align: justify; width: 100px;">
  <p style="backface-visibility: hidden;">TEXTTEXTTEXT</p>
</section>
Run Code Online (Sandbox Code Playgroud)

css 3d svg transform css3

6
推荐指数
2
解决办法
9263
查看次数

标签 统计

3d ×1

css ×1

css3 ×1

svg ×1

transform ×1