Skip to content

Give your logo a sexy loading effect.

License

Notifications You must be signed in to change notification settings

AmirSavand/logoing

Repository files navigation

npm

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

About

Made with 💖 by Savand Bros © 2023-present.