...
Base color: the color of the skeleton cell.
Shimmer color: the color that waves through the cell. Darker than the base color.
Direction: the animation should move from left to right within each skeleton cell.
Duration: the shimmer effect should last for 1.5 seconds.
...
.gif?version=3&modificationDate=1643038673938&cacheVersion=1&api=v2)
...
Best practices
Do:
Use skeleton cells which are in the same positions and a similar shape to the content that will replace them.
Show loaded data as soon as possible, replacing the skeleton cells.
Use a shimmer animation to show that content is being loaded.
Display a corresponding error message if lazy loading fails.
...