Lessons and articles about Cascading Style Sheets (CSS)

Box-shadow in CSS

We welcome you to our blog. And we will tell you what is the box-shadow in today's article, how this feature is useful and how it can be used.

Design of your Web project must contain certain blocks on the page. It can be block of menu or block of groups, any of which sometimes need a good look, but we do not always have the skills in design or software usage. So, you can easily add the usual shadow for your unit with just a few lines. This feature is provided with help of box-shadow in CSS.

Consequently, box-shadow is a property that can create different shadows for the block on any web page of your project. You can specify several types of block shadows separated with comma. The first shadow will be located above and the rest below. It is possible to round shadow and it can be done with help of border-radius property. Let's look at the syntax of box-shadow property usage.

Text-shadow in CSS

Good day, dear readers. Today we want to tell you about what is text-shadow and why it is such an important property of CSS. Also, we will look at the characteristics and examples of this element. This property is very useful for text formatting of your online resource or a simple web page.

So, text-shadow allows us to create a shadow for the given text. Let's look at the basic parameters that can be set for this property.

The shift of the shadow by the X axis - if this parameter is set to a positive value, the shadow will be located in the right of the text, if the negative - on the left.

The shift of the shadow by the Y axis - with a positive value, shadow will be created at the bottom of the text, and with a negative - the shadow will be set at the top of the text.

Blur radius - the value of the shadow's blur. The default is 0. The greater the value of the blur, the more the shadow gets lighter and wider.

What is CSS?

Dear users, this article will show you the benefits of the CSS. This definition refers to Cascading Style Sheets. CSS can determine the language that describes the appearance of a web page by using HTML markup language. The difference between these languages is that the HTML language describes the contents of the Web page, and CSS is directly designed to format the content. Cascading style sheets are working with fonts, represent text colors, backgrounds and other elements. They also are intended to describe different web page blocks, image layouts, format strings, height, width and other characteristics of any style. Of course, it is worth noting that the CSS language is supported by all major browsers.