rotating-gradients
Advanced tools
Comparing version 1.0.0 to 1.0.1
"use strict"; | ||
const div = document.getElementById('main'); | ||
let isActive = false; | ||
let deg = 90; | ||
let intervalId; | ||
movingGradient({ animation: "rotate-y", colors: ['red', 'green'], mountedOn: div, optional: { padding: 100, border: 100 } }); | ||
div.style.background = `linear-gradient(${deg}deg, red 0%, green 100%)`; | ||
function movingGradient(gradient) { | ||
let isActive = false; | ||
let deg = 90; | ||
let intervalId; | ||
const { animation, colors, mountedOn, optional } = gradient; | ||
@@ -10,0 +7,0 @@ const percentage = 100 / (colors.length - 1); |
13
app.ts
@@ -1,12 +0,5 @@ | ||
const div = document.getElementById('main')! | ||
let isActive = false | ||
let deg = 90 | ||
let intervalId: NodeJS.Timeout | ||
movingGradient({ animation: "rotate-y", colors: ['red', 'green'], mountedOn: div, optional: { padding: 100, border: 100 } }) | ||
div.style.background = `linear-gradient(${deg}deg, red 0%, green 100%)` | ||
function movingGradient(gradient: Gradient) { | ||
let isActive = false | ||
let deg = 90 | ||
let intervalId: NodeJS.Timeout | ||
const { animation, colors, mountedOn, optional }: Gradient = gradient | ||
@@ -13,0 +6,0 @@ const percentage = 100 / (colors.length - 1) |
@@ -7,5 +7,5 @@ { | ||
"name": "rotating-gradients", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"description": "Rotate gradients easily", | ||
"main": "app.js" | ||
} |
10664
211