If you are eager to read some unique features of CSS3 properties then this post going to help you.
In this post I'm sharing some important CSS3 properties. These properties includes @font-face, CSS Layout-Grid, Include-Source, HSL and HSLA Property, Size Property and many more.
Embedding a Font Face
The @font-face let you to attach external list of fonts in your CSS. Here's the following CSS code to do that:
You can also apply with CSS3 Shadow effect:
The ‘layout-grid’ property is a shorthand method used to set the ‘layout-grid-mode’, ‘layout-grid-type’, ‘layout-grid-line’, ‘layout-grid-char’, and ‘layout-grid-char-spacing’ properties using a single property notation.
This property gives you a freedom to inserts another document into the current document, replacing the current element’s content.
HSL and HSLA Property
The HSL declaration sets color/colour using Hue (H), Saturation (S) and you maybe guessed it, Lightness (L).
Hue is derived from a degree on the color wheel: 0 & 360 being red, around 120 for the greens, 240 for the blues and everything else in between.
Saturation is a percentage: 0% being grayscale and 100% in full color.
Lightness is a percentage: 0% is dark, 50% the average and 100% the lightest.
HSL CSS code:
HSLS CSS code:
This property controls the autospacing and narrow space width adjustment behavior of text.
This property describes the orientation or dimensions of the page box. The ’size’ property classifies a page box so that it is either ‘relative’ or ‘absolute’.
This property specifies the horizontal alignment of the Ruby Text (RT) relative to the RUBY element content.
If you any opinion, please leave a comment.