-
CSS ::before Pseudo Element
The ::before pseudo-element is a generated content element that adds any kind of element before the content. It can be used to insert any kind of content, including characters, strings of text, and images. The value is defined by the content property. By default, the ::before pseudo-element is inline. This pseudo-element can be animated, positioned or floated like any other content.…
-
CSS ::after Pseudo Element
In CSS, ::after creates a pseudo-element that is the selected element’s last child. It is a generated content element that adds any kind of content after the content. It can be used to insert any kind of content, including characters, strings of text, and images. The value is defined by the content property. By default, the ::after pseudo-element is inline. It…
-
CSS :active Pseudo Class
The :active pseudo-class is used to select and style the active link or any other element. It is activated by user. An element becomes active when the user clicks on the link or the element and presses down the mouse button. The :active pseudo-class is used on the <a> and <button> elements. This pseudo-class also targets the elements containing an activated element, and…
-
CSS * Selector
The * (asterisk) selector selects all elements in a document. The * selector can also select all elements inside another element. Version CSS2 Universal Selector Syntax Example of the * selector: Example of the * selector for a <div> element:
-
CSS3 Properties
On this page, you can find all the CSS3 property groups with references and short descriptions. List of CSS3 Properties Animation Properties Property Description animation Animates (gradually changes from one style to another) CSS properties with discrete values. animation-delay Specifies when an animation will start. animation-direction Sets how animation should be played: forwards, backwards or…
-
The Ultimate Guide to Flexbox
Overview ¶ The Flexbox Layout officially recognized as CSS Flexible Box Layout Module is a new layout model in CSS3. Flexbox is a single dimensional layout, which means that it lays items in one dimension at a time, either as a row, or as a column, but not both together. This can be opposed to the two-dimensional model…
-
CSS Gradients
CSS gradients display progressive transitions between two or more specified colors. Gradients can be used in backgrounds. There are three types of gradients: Linear Gradients The linear-gradient creates an image that consists of a smooth transition between two or more colors along a straight line. It can have a starting point and a direction along…
-
CSS Color Names
In this chapter we will speak about colors. All the 140 color names below are supported by the modern browsers: Watch a video course CSS – The Complete Guide (incl. Flexbox, Grid & Sass) Color Name Color HEX AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD…
-
CSS Margin
The CSS margin property is used for creating space around the element. CSS provides different properties, with the help of which you can set the margin for an element’s each side (right, left, top and bottom). The individual sides With the help of the following properties you can set the margin for each side of an element:…
-
CSS Padding
The CSS padding property is used for creating space around the content of an element. CSS provides different properties, with the help of which you can set the padding for an element’s each side (right, left, top and bottom). The individual sides With the help of the following properties you can set the padding for each side…