I'm curious about improving website scroll and animation performance. Which option would be better for your mobile webapp or website:
- Using a repeating thin image or CSS3 gradient?
or
- Utilizing a repeating image instead of box shadow with a border?
This question is focused purely on performance, not compatibility. I want to understand the impact on scroll, element rendering, and animation.
It has been found that CSS linear gradient can have a heavier impact on element rendering compared to just using background-color.