我如何制作星球大战介绍塑造textarea?

ial*_*der 6 html javascript css jquery

通常情况下,textareas只是枯燥的老长方形:

一个普通的textarea,带有Empire Strikes Back的开场白.

但是,是否有可能形成类似于星球大战入门的文本区域?

The Empire Strikes Back着名的开场白.

**注意:灵感来自SO#20734620: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;
}
Run Code Online (Sandbox Code Playgroud)

Nie*_*sol 13

尝试3D变换:

#starwarstextareaofawesome {
    width:600px;
    height:500px;
    transform:perspective(1000px) rotateX(45deg);
}
Run Code Online (Sandbox Code Playgroud)

演示

  • 愿力量与我们同在 (3认同)
  • @yitwail它至少不会破坏.你只需要一个普通的textarea. (3认同)
  • @yitwail是的,但你必须投入一整个小队. (2认同)