Tag: background
-
Blend modes
Blend modes allow you to blend colors from two or more layers, which can be background images or background colors. This CSS data type can be used in the background-blend-mode and mix-blend-mode properties. Syntax Blend modes Darken type multiply darken color-burn Lighten type screen lighten color-doge Contrast type overlay hard-light soft-light Composite type hue saturation […]
-
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.
-
Linear gradient
The CSS linear-gradient is used to draw a background image that represents smooth transitions between colors along a straight line.
-
Multiple backgrounds
It is possible to apply multiple backgrounds to an element including images and gradients.
-
Gradient Text
Snippet for gradient text.
-
background-image
The CSS property background-image sets the background image or images of an element. This property can specify two types of images: regular images, such as PNG, JPG, SVG, GIF, and WebP files, or gradients.
-
background-color
The CSS background-color property sets the element’s background color. If an image is present, the color covers painted area behind the image.
-
background-attachment
The background-attachment CSS property specifies how the background image should be attached to the viewport or an element. This property determines whether the background image is fixed within the viewport, or if it scrolls along with the element or its content. The background-image property is used in conjunction with background-attachment to achieve the desired effect.
-
background-clip
The background-clip CSS property determines if the element’s background components: image or color extends underneath its border, padding or content.
-
background-origin
The CSS background-origin property specifies whether the background image is positioned relative to the element’s border-box, padding-box or content-box. The background-origin is used in conjunction with the background-image property.