CSS Image Reflection

CSS Image Reflection

We can also reflect an image using the given property - 

The box-reflect property can be used to reflect the image

Syntax - 

-webkit-Box-reflect: value;

And the values can be -

1. below, 
2. above, 
3. left, or 
4. Right.

Now we will see Example -

Example1 - Using below value -

Output -

Example2 -Using the right value - 

Output -

Example 3 - Usign left as value - 

Output  -