Exercises 5 - CSS Text Properties || CSS Text Effects
In this video,I explained the CSS Text Properties. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my CSS Playlist. Please link, comment, share and subscribe. The code is as follows -
HTML File -
<html>
<head> <title> Exercises 5 </title>
<link rel="stylesheet" href="exercises5.css">
</head>
<body>
<h1> Hello viewers </h1>
<h2> CSS Text Effects </h2>
<h3> hi friends..!!! hope you are doing well ...!!! </h3>
<h4> Text Shadow </h4>
</body>
</html>
CSS File -
h1 {
color:cyan;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 10px;
word-spacing: 25px;
}
h2{
color:pink;
text-decoration: overline;
text-transform: lowercase;
letter-spacing: 10px;
word-spacing: 25px;
text-indent: 50px;
}
h3 {
color:blue;
text-decoration: line-through;
text-transform: capitalize;
letter-spacing: 10px;
word-spacing: 25px;
}
h4 {
text-shadow: 5px 3px green;
font-size: 35px;
}
HTML File -
<html>
<head> <title> Exercises 5 </title>
<link rel="stylesheet" href="exercises5.css">
</head>
<body>
<h1> Hello viewers </h1>
<h2> CSS Text Effects </h2>
<h3> hi friends..!!! hope you are doing well ...!!! </h3>
<h4> Text Shadow </h4>
</body>
</html>
CSS File -
h1 {
color:cyan;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 10px;
word-spacing: 25px;
}
h2{
color:pink;
text-decoration: overline;
text-transform: lowercase;
letter-spacing: 10px;
word-spacing: 25px;
text-indent: 50px;
}
h3 {
color:blue;
text-decoration: line-through;
text-transform: capitalize;
letter-spacing: 10px;
word-spacing: 25px;
}
h4 {
text-shadow: 5px 3px green;
font-size: 35px;
}
Comments
Post a Comment