Exam 4: Graphic Design With Css Tutorial

Correct Answer:

Verified

To give visual impact to a text on a web page, one can use Cascading Style Sheets (CSS) to add a shadow using the following text-shadow property: text-shadow: color offsetX offsetY blur ; where color is the shadow color, offsetX and offsetY are the distances of the shadow from the text in the horizontal and vertical directions, and blur defines the amount by which the shadow spreads out, creating a blurred effect. The shadow offset values are expressed so that positive values push the shadow to the right and down while negative values move the shadow to the left and up. The default blur value is 0, creating a shadow with distinct hard edges; as the blur value increases, the edge of the shadow becomes less distinct and blends more in the text background. The following style creates a red text shadow that is 10 pixels to the right and 5 pixels down from the text with blur of 8 pixels: text-shadow: red 10px 5px 8px; Multiple shadows can be added to text by including each shadow definition in the following comma-separated list: text-shadow: shadow1, shadow2, shadow3, … ; where shadow1, shadow2, shadow3 , and so on are shadows applied to the text with the first shadow listed displayed on top of subsequent shadows when they overlap. The following style rule creates two shadows with the first red shadow placed 10 pixels to the left and 5 pixels up from the text and the second gray shadow placed 3 pixels to the right and 4 pixels down from the text. Both shadows have a blur of 6 pixels: text-shadow: red -10px -5px 6px, gray 3px 4px 6px;