Transitions are progressive, smooth, and visually appealing state changes; with CSS we can alter the size, spacing, color, borders, opacity, and in short, any property with its assigned value that applies a shape or style to an element. We can also use steps() to control the movement of animations by indicating the number of "frames" or jumps that we want an animation or transition to consist of.

It explains how to create a reflection of an image using the webkit-box-reflect property, as well as its basic syntax that allows changing the position, displacement, and even the possibility of applying masks to create reflections.

Learn how to create horizontal scrolling with CSS step by step, with/without JavaScript. Real-world examples, flexbox, overflow, and scroll-snap explained.

We will explain each of the types of positioning that currently exist in CSS and give some practical examples of them to understand them properly.

In this entry we will see how to display pixelated images using the image-rendering property in conjunction with its pixelated value; we will also discuss possible use cases for this property and other values ​​of it.

We will teach you how to create rounded borders using only CSS, that is, without using images in the process, using the CSS3 border-radius property.

The CSS clip-path property allows you to specify regions of any of the existing HTML elements through geometric shapes.

This property is the shorthand way to set other related properties, including those related to the color and background images of an element; that is, those whose prefix is ​​background-.

In this entry we will explain how to create containers with arrows or containers with a branch that we place in it, additionally, we see how we can create arrows using HTML code.

The perspective property adds a three-dimensional effect by affecting the distance between an observer and the figures on the plane through a variation in the Z axis; in other words, it allows you to zoom in/out on figures on the plane.