Please guys why is it so slow.

Question

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

Answer 1

•Problem:
-webkit-box-reflect

•This feature is non-standard and is not on a standard tracks. Don't use it in production. It will not work for every user. There may also be large compatibilities between implementations and the behavior may change in the future.

•Check out these other options for:

-Realistic reflection effect with html/CSS only:
youtube.com/watch?v=JzXE9ffNqTY

-CSS text reflection effects:
youtube.com/watch?v=nqa-nC6vMqY

Answer 2

It works perfectly
although i see this problem
-webkit-box-reflect
may not work on your browser
This is what caniuse says:

https://caniuse.com/mdn-css_properties_-webkit-box-reflect

This feature is non-standard and should not be used without careful consideration.

Answer 3

Thanks guys
it's working fine now
https://code.sololearn.com/W6zcyO99OHsN/?ref=app