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 !
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
.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.
If you have any doubt regarding this Article then please mail me
Thanks
ASHU
Attachments
