Css tutorial : How to create rounded corners with glow text ?


In this Article , I will explain you how to create rounded corners with Text Glowing Effect. In css code , the border-radius property is used to create rounded corners and text-shadow property is used to shadows to text.It is very simple to create and add in your website .Hope you will enjoy this article !

CSS TUTORIAL


HOW TO CREATE ROUNDED CORNERS WITH TEXT GLOW EFFECT USING DREAMWEAVER


Round Corners With Text Glow Effect


You can create Round Corners and Shadow Effects on Text to stylize your forms


First, you will create a css file and place the following code in the file

CSS :



.effect OR #effect
{
background :#1c1c1c;
width : 400px;
text-shadow : 0 0 18px #0099ff;
font-weight : bold;
font-size : 40px;
text-align : center;
color: #0099ff;
box-shadow : 0 0 15px #ff0000;
border-radius:14px;
border: 8px double #ff0000;
}


Second, Create a HTML file and save as .html extension. Insert a class .effect to a HTML file.
HTML file
If you have any doubt regarding this Article then please mail me


Thanks
ASHU


Attachments

Comments

No responses found. Be the first to comment...


  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: