What is the reflection syntax of CSS3?

This article mainly introduces the relevant knowledge of "what is the reflection grammar of CSS3". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "what is the reflection grammar of CSS3" can help you solve the problem.

Box-reflect:none |?

None: this value is the default value of box-reflect, indicating no reflection effect.

Direction: this value indicates the direction in which box-reflect generates the reflection, and mainly includes the following values:

Above: indicates that the resulting reflection is above the object (original image)

Below: indicates that the resulting reflection is below the object (original image)

Left: indicates that the resulting reflection is on the left side of the object (original image)

Right: indicates that the resulting reflection is on the right side of the object (original image)

Offset: used to set the spacing between the generated reflection and the object (original image). The value can be a fixed pixel value or a percentage value, such as:

Use the length value to set the distance between the generated reflection and the original image, as long as it is a unit of length in CSS. This value can be negative.

Use the percentage to set the spacing between the generated reflection and the original image, which can also be a negative value

Mask-box-image: used to set the masking effect of the reflection, which can be a background image or a background image generated by a gradient.

This is the end of the content about "what is the reflection grammar of CSS3". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.