Sunday 14 October 2012

Html5 CSS3 : Simple Inset Making By CSS3

  
This is a simple HTML code with CSS3 to make simple inset design Which can be use in any web page for designing headlines, Simple Logos & other Text Designing ..........

 


The Code :

  1.    <html>
  2.   <head>
  3.     <style>
  4.       div {
  5.         width: 550px;
  6.         height: 150px;
  7.         background: -moz-linear-gradient(0deg, lightgray, gray);
  8.         background: -webkit-gradient(linear, left top, left bottom, from
  9. (lightgray), to(gray));
  10.       }
  11.       h1 {
  12.         padding-left: 50px; 
  13.         padding-top: 17px;
  14.         font-family: Georgia, "Times New Roman", Times, serif;
  15.         font-size: 50px;
  16.         color: #666;
  17.         text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba
  18. (255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
  19.       }
  20.     </style>
  21.   </head>
  22.   <body>
  23.     <div>
  24.       <h1>Ashwin Semwal @$#Baba</h1>
  25.     </div>
  26.   </body>
  27. </html>


               
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)