jquery - 如何创建 Twitter 引导文本区域

Question

我想用纯CSS创建一个带有阴影效果等的Bootstrap Textarea，但我真的不知道如何制作。

我有这段代码，但我被困住了：

-webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;

谁能告诉我如何使它像引导文本区域？

Answer 1

您可以通过选择它并添加 box-shadow css 属性来创建 textarea 阴影。语法地理是这样的：

  box-shadow: h-shadow v-shadow blur spread color inset;

在你的情况下添加：

box-shadow: 0 0 4px rgba(0,0,0,0.7);

Answer 2

-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);

小提琴

还有过渡。