Learn how to create custom, animated CSS radio button styles without JavaScript. Use :checked, transitions, and a modern visual indicator.

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.

In this article we will explain, based on an example, how to create multiple nested backgrounds by animating them with a little CSS3, and we will also see how to create a live background with CSS to be applied to a web page.

Learn how to apply rotations with CSS3 in 2D and 3D: rotate(), rotateX(), rotateY(), flip cards, animated loaders, and techniques for rotating backgrounds with pseudo-elements. Practical guide and examples.

In this entry we will see some experiments with transitions in CSS using selectors (hover, after and before), we will also see how using CSS Filters in conjunction with transitions on images allows you to create very striking effects for the supported filters.

Learn how to use the HTML5 Progress Bar with <progress>, CSS styles, animations, JavaScript, and real-world examples, including how to apply it to forms step by step. It is used to indicate the completion status of a task.

In this entry we give an introduction to this technology, learning about its main characteristics and explaining why you can use it and take the first steps, installing it, buttons and your first app, remember that the technology is deprecated.

We're going to explain Flutter animations in a simple and step-by-step way; we're going to write basic animations in a simple and exemplified way.

You will learn how to use @view-transition { navigation: auto } in CSS, one of the new properties that allows you to create smooth transitions between pages without the need for JavaScript. You will also learn about Page Effects and images with view-transition-name: Magic CSS without JS in the style of Hero in Flutter.

Master transitions in Vue.js with v-if. Learn step-by-step how to animate the appearance and disappearance of elements to create smooth interfaces and improve user experience. This tutorial covers the `<transition>` component, CSS classes, practical examples, and common mistakes.