We're going to use a plugin to configure the PhotoView in a Flutter application; with this plugin we can create a gallery with zoom and rotation effects.

The canvas element allows us to specify an area of ​​the page where we can draw and create all kinds of simple or complex graphics from basic primitives such as circles, ovals, rectangles, lines, polygons, text, etc. We will see examples of how to crop images, loops to draw lines, keyboard events, and how to obtain the RGB channel.

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.

It explains how to use the CSS invert filter on images, we do several examples with the CSS3 invert filter along with hover, transitions, and a complete example, the invert filter inverts the colors of the images.

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.

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-.

The CSS property object-fit specifies how the content of an element (such as an image) should be displayed and adjusted when the width and height of this element vary with respect to its container; it is generally applied to i

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.