Skip to content

Instantly share code, notes, and snippets.

@ilearnjavascript
Last active March 25, 2019 00:04
Show Gist options
  • Save ilearnjavascript/f1faf3280473e7b5a3830e1c661eb846 to your computer and use it in GitHub Desktop.
Save ilearnjavascript/f1faf3280473e7b5a3830e1c661eb846 to your computer and use it in GitHub Desktop.
fadeout-plainjs.js
const fadeOut = (el, smooth = true, displayStyle = 'none') => {
if (smooth) {
let opacity = el.style.opacity;
let request;
const animation = () => {
el.style.opacity = opacity -= 0.04;
if (opacity <= 0) {
opacity = 0;
el.style.display = displayStyle;
cancelAnimationFrame(request);
}
};
const rAf = () => {
request = requestAnimationFrame(rAf);
animation();
};
rAf();
} else {
el.style.opacity = 0;
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment