codecanyon-29384204-Loaders CSS/SCSS pack.zip

Name: Loaders CSS/SCSS pack

Description:

• Popular loader styles;
• Easy install and use;
• Cross-Browser CSS;
• 12 types;
• Documentation for using the file is also included.

Example:

<div class="loader-type-1">
    <span />
</div>

<div class="loader-type-2">
    <span />
    <span class="two" />
    <span class="three" />
    <span class="for" />
</div>

<div class="loader-type-3">
    <span>
        <span>
            <span>
                <span>

                </span>
            </span>
        </span>
    </span>
</div>

<div class="loader-type-4">
    <span class="one">
        <span class="two" />
    </span>
</div>

<div class="loader-type-5">
    <span>
        <span>
            <span>
                <span>
                    <span>
                        <span>
                            <span>
                                <span>
                                    <span>
                                        <span />
                                    </span>
                                </span>
                            </span>
                        </span>
                    </span>
                </span>
            </span>
        </span>
    </span>
</div>

<div class="loader-type-6">
    <div class="spinner2" />
    <div class="hourHand" />
    <div class="dot" />
</div>

<div class="loader-type-7">
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
</div>

<div class="loader-type-8">
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
</div>

<div class="loader-type-9">
    <span style="--i:1;" />
    <span style="--i:2;" />
    <span style="--i:3;" />
    <span style="--i:4;" />
    <span style="--i:5;" />
    <span style="--i:6;" />
    <span style="--i:7;" />
    <span style="--i:8;" />
    <span style="--i:9;" />
    <span style="--i:10;" />
    <span style="--i:11;" />
    <span style="--i:12;" />
    <span style="--i:13;" />
    <span style="--i:14;" />
    <span style="--i:15;" />
    <span style="--i:16;" />
    <span style="--i:17;" />
    <span style="--i:18;" />
    <span style="--i:19;" />
    <span style="--i:20;" />
</div>

<div class="loader-type-10">
    <span style="--i:1;" />
    <span style="--i:2;" />
    <span style="--i:3;" />
    <span style="--i:4;" />
    <span style="--i:5;" />
    <span style="--i:6;" />
    <span style="--i:7;" />
    <span style="--i:8;" />
    <span style="--i:9;" />
    <span style="--i:10;" />
    <span style="--i:11;" />
    <span style="--i:12;" />
    <span style="--i:13;" />
    <span style="--i:14;" />
    <span style="--i:15;" />
    <span style="--i:16;" />
    <span style="--i:17;" />
    <span style="--i:18;" />
    <span style="--i:19;" />
    <span style="--i:20;" />
</div>

<div class="loader-type-11">
    <svg>
        <circle cx="45" cy="45" r="45"></circle>
    </svg>
</div>

<div class="loader-type-12">
    <span>Loading</span>
    <div />
</div>