Hi everyone. In CSS, how can I give an image or div a reflection? I checked w3 schools and didn't see it there.

Question

CSS reflection property

Answer 1

<img src="yourImg.jpg" style="border:4px solid red;-webkit-box-reflect:below 8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));">

Answer 2

-webkit-box-reflect: below 0 linear-gradient(transparent, white);

https://code.sololearn.com/WGMbT4XgUAKF/?ref=app