This is simple text transformation code using CSS3 to give a shadowy effect to any text.......
Code can be used in making effective headings in any webpage to make it effective & self appealing, just copy and paste the code to your page to produce the effect...
- <html>
- <head>
- <style>
- #demo {
- font-weight: normal;
- background-color: #FFFFFF;
- color: #666789;
- font-size: 64px;
- line-height: 140%;
- text-shadow: 5px 5px 5px #333333;
- column-count:2;
- column-width:10px;
- column-gap:0px
- }
- </style>
- </head>
- <body>
- <p id="demo">Ashwin Semwal @$#baba</h2>
- </body>
- </html>
Note: Change the above "Text-shadow:" value to reduce or increase the effect, last value represents the color of shadow..... ; ) enjoy
\
Output:----
No comments:
Post a Comment