Friday, March 20, 2015

How to create 3d text using css

Code

<html lang="en">

<head>
<style>
.flin div {
    line-height: 60px;
    font-weight: bold;
    text-align: center;
    margin-left: 30px;
}

.fl {
     color: #f5f5f5;
 font-size:150px !important;
 margin-top:320px;
 text-shadow: rgb(187, 187, 187) 0px 1px 0px,
  rgb(181, 181, 181) 0px 2px 0px,
  rgb(172, 172, 172) 0px 3px 0px,
  rgb(160, 160, 160) 0px 4px 0px,
  rgb(145, 145, 145) 0px 5px 0px,
  rgb(1, 127, 127) 0px 6px 0px,
  rgba(0, 0, 0, 0.199219) 0px 7px 1px,
  rgba(0, 0, 0, 0.296875) 0px 8px 6px;
 font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
</style>
</head>
<body bgcolor="#005580">
<div class="flin">
  <div class="fl">
  fastlearning.in
  </div>
</div>
</body>
</html>


0 comments:


Post a Comment