<div class="blue3d">
  <textarea>type here.. Печатать туть..</textarea>
 </div>
#logo a {
    background-color: #9dcce1;
}
article {
    background: -webkit-gradient(radial, center center, 100, center center, 400, from(#9dcce1), to(#52a2c8));
 
}
.blue3d {
    width:800px;
    height:600px;
    margin:0 auto;
    display:block;
}
.blue3d textarea {
    resize:none;
    width:800px;
    height:540px;
    padding:80px 20px 40px 20px;
    overflow: hidden;
    line-height: 1.2em;
    /* FONT 3D */
   font-family: 'Arvo', arial, serif;
   background-color: transparent;
   border:0;
    font-weight:700;
    color:#e4f3f9;
    font-size:10em;
    text-align:center;
    /* Left - Top - Grossir*/
    text-shadow:
    -2px -2px 1px #fff,
    -1px -1px 1px #fff,
    1px 1px 1px rgba(232,247,255,0.9),
    1px 1px 0 #2a658b,
    2px 2px 0 #29638a,
    3px 3px 0 #286188,
    4px 4px 0 #275f85,
    5px 5px 0 #265d83,
    6px 6px 0 #255a80,
    7px 7px 0 #24577d,
    8px 8px 0 #235479,
    9px 9px 0 #215075,
    10px 10px 0 #1f4c71,
    11px 11px 0 #1e486c,
    12px 12px 1px rgba(28,67,103,0.5),
    14px 14px 12px black,
					14px 14px 2px black
    ;
}
.blue3d textarea:focus {
outline:none;
border:0;
}
// буковки большие чтоб наслаждаться трёхмерностью)

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js