logoing

2.0.0 • Public • Published

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.

Package Sidebar

Install

npm i logoing

Weekly Downloads

6

Version

2.0.0

License

GPL-3.0

Unpacked Size

38.2 kB

Total Files

4

Last publish

Collaborators

  • amirsavand