Logoing

Give your logo a fancy loading effect.

Demo

Go to https://logoing.savandbros.com for demo.

Installation

npm install logoing

Usage

Your SCSS file:

@import "~logoing/src/logoing";

@include logoing-vertical-split(
    ".loading", // Wrapper selector
    128px, // Logo size (square)
    2rem, // Animation movement
    1s, // Animation duration
    "https://picsum.photos/128/128", // Logo source (optional)
);

Your HTML file:

<div class="loading">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

Built With

• Node.js
• SASS
• WebStorm

About

Made with 💖 by Savand Bros © 2023-present.