showcar-ui/src/06-components/atoms/lazy-shimmer/docs/lazy-shimmer.html

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<div>
    <div class="lazy-sample-img sc-shimmer"></div>
</div>
<div>
    <div class="sample-lazy-text-block sc-shimmer"></div>
    <div class="sample-lazy-text-block sc-shimmer"></div>
    <div class="sample-lazy-text-block sc-shimmer"></div>        
</div>

<style>
#lazy-shimmer .lazy-sample-img {
    width: 300px;
    height: 200px;
}

#lazy-shimmer .sample-lazy-text-block {
    width: 100%;
    height: 20px;
    margin-top: 20px;
}
</style>