• Radial gradient

    The CSS radial-gradient is used to draw a background image that represents smooth transitions between colors in in a circular or elliptical shape.

    Read more

    Posted in CSS

  • Linear gradient

    The CSS linear-gradient is used to draw a background image that represents smooth transitions between colors along a straight line.

    Read more

    Posted in CSS

  • Multiple backgrounds

    It is possible to apply multiple backgrounds to an element including images and gradients.

    Read more

    Posted in CSS

  • The Stacking context

    In the DOM each element has its palace and their order is determined by the order the elements appear in the HTML. But this order will change if the elements meet certain conditions, e.g they will be positioned with z-index then it creates stacking context.

    Read more

    Posted in CSS

  • Flex – margin: auto

    The CSS rule margin: auto; centers the flex children horizontally and vertically.

    Read more

    Posted in CSS, Snippets

  • Centering vertically

    Centering vertically text using line-height See the Pen Vertical centring – text -line-height by majadc (@majadc) on CodePen. Centering vertically image using span element See the Pen Centering vertically using span by majadc (@majadc) on CodePen. Centering vertically image using flex box. See the Pen Centering vertically – flexbox by majadc (@majadc) on CodePen. Centering […]

    Read more

    Posted in CSS, Snippets

  • :link

    :link– pseudo-class | CSS Level 1 The :link selects links that have not been visited. This selector targets <a> elements with href attribute, even if href attribute is empty. Syntax :link { color: blue; } The :link pseudo-class selects only <a> elements and only with href attribute. So :link styles have no effects in following […]

    Read more

    Posted in CSS

  • CSS Flexible Box Layout

    The layout for the flexbox:

    Read more

    Posted in CSS

  • outline

    The outline Css property draws the line around the element. The outline property is similar to the border property but is not a part of box model like the border property so it’s not a part of the element’s dimensions. By default, the outline is drawn starting just outside the border edge.

    Read more

    Posted in CSS, CSS Reference

  • lengths

    The CSS data type apples to distant measurements for the following CSS properties: width, height, margin, padding, font-size, border-width, text-shadow etc.. There are two types of length units: relative and absolute.

    Read more

    Posted in CSS