javascript - 如何制作星球大战介绍形状的文本区域？

Question

通常，textareas 只是无聊的旧长方形:

但是有没有可能制作一个形状像星球大战介绍的文本区域？

**注:灵感来自SO #20734620: unusual shape of a textarea ——见评论。*

更新:多亏了 Niet the Dark Absol，我才能够让它工作。只需要玩弄字体和颜色。

textarea {
width:600px;
height:500px;
transform:perspective(1000px) rotateX(45deg);
display:block;
margin:0 auto;
text-align: center;
line-height:200%;
color: yellow;
background-color: black;
font-size: 1.75em;
}

Answer 1

尝试 3D 变换:

#starwarstextareaofawesome {
    width:600px;
    height:500px;
    transform:perspective(1000px) rotateX(45deg);
}

Demo