The child elements are evenly distributed among the parent elements.
Variable reusable transition-timing-function properties are more powerful than the built-in ease , ease-in , ease-out and ease-in-out .
Create a shadow similar to the one box-shadow based on the color of the element itself.
Create a ring spinner that can be used to indicate content loading.
Customize the scrollbar style of documents and elements with scrollable overflow on the WebKit platform.
Counters are essentially variables maintained by CSS, and their values can be incremented by CSS rules to track their usage.
Make sure the element clears its child elements.This is useful only if you are still using floats to build your layout.
In this article i will show you how to create a circle with pure CSS.
To create a bounce loader animation. An animation with two states is defined in which the elements are changed opacity and used transform: translateY() on a 2D plane
The code is based on CSS3 's clip, transform, and animation, so you need to know exactly what these attributes are for the purpose of understanding the CSS principle.