The text-align-last property is used to align the last line of the text. You can try to run the following code to align the last line of the text with CSSExampleLive Demo                    .mydiv {             text-align-last: right;          }                     text-align-last Property                This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text.           Output

Use the text-emphasis property to emphasis text and color with CSS.Let us see an example:text-emphasis: text-emphasis-style text-emphasis-color;Here,text-emphasis-color: foreground color of the emphasis marktext-emphasis-style: emphasis marks on the element's text

The word-wrap property is used to break the line and wrap onto next line.ExampleThe following shows sample syntax −Live Demo                    div {             width: 200px;             border: 2px solid #000000;          }          div.b {             word-wrap: break-word;          }                     word-wrap: break-word property       ThisisdemotextThisisdemotext:       thisisaveryveryveryveryveryverylongword. The long word wraps to       the next line.     Output

Used to emphasis text and color. Let us see an example:text-emphasis: text-emphasis-style text-emphasis-color;Here,text-emphasis-color: foreground color of the emphasis marktext-emphasis-style: emphasis marks on the element's text

The shadow effects are applied to the text, which helps to improve the design and style of the style. Our website can be made more visually appealing by using the CSS shadow. These are the visual effects of drawing that look like an object’s shadow, which helps the objects have a 3-dimensional appearance. For adding shadows to texts and elements in CSS, the text-shadow and box-shadow properties are used. now, we are going to discuss about the text-shadow property. CSS text-shadow property The CSS text shadow is a property, which will add the shadow to text. A list of shadows ... Read More

CSS3 added shadow effects to text, with the text-shadow property. You can try to implement the following code to add text shadow −ExampleLive Demo                    h1 {             text-shadow: 2px 2px;          }          h2 {             text-shadow: 2px 2px red;          }          h3 {             text-shadow: 2px 2px 5px red;          }          h4 {             color: white;             text-shadow: 2px 2px 4px #000000;          }          h5 {             text-shadow: 0 0 3px #FF0000;          }          h6 {             text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;          }          p {             color: white;             text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;          }                     Welcome to my website!       Welcome to my website!       Welcome to my website!       Welcome to my website!       Welcome to my website!       Welcome to my website!       Welcome to my website!     Output

The CSS box-shadow property is used to add shadow effects to elements. The following is an example to add a box shadowExampleLive Demo                    div {             width: 300px;             height: 100px;             padding: 15px;             background-color: red;             box-shadow: 10px 10px;          }                     This is a div element with a box-shadow     Output

Gradients display the combination of two or more colors.The following are the types of gradients:Types of gradientsLinear Gradients(down/up/left/right/diagonally)Radial GradientsExampleLet us see an example of radial gradients:Live Demo                    #grad1 {             height: 100px;             width: 550px;             background: -webkit-radial-gradient(red 5%, green 15%, pink 60%);             background: -o-radial-gradient(red 5%, green 15%, pink 60%);             background: -moz-radial-gradient(red 5%, green 15%, pink 60%);             background: radial-gradient(red 5%, green 15%, pink 60%);          }                        

You can try to run the following code to implement left to right gradient in CSS3ExampleLive Demo                    #grad1 {             height: 100px;             background: -webkit-linear-gradient(left, red , blue);             background: -o-linear-gradient(right, red, blue);             background: -moz-linear-gradient(right, red, blue);             background: linear-gradient(to right, red , blue);          }                        

Linear gradients are used to arrange two or more colors in linear formats.ExampleYou can try to run the following code to implement linear gradients in CSS3 −Live Demo                    #grad1 {             height: 100px;             background: -webkit-linear-gradient(pink,green);             background: -o-linear-gradient(pink,green);             background: -moz-linear-gradient(pink,green);             background: linear-gradient(pink,green);          }                               Output