realdennis / amaterasu

當你使用天照之後，DOM 將會像宇智波鼬的眼睛一樣逐漸母湯。

Amaterasu

Demo

Make DOM blur gradually, like user has Uchiha eyes.

const [start,stop] = Amaterasu(DOM,/*level default 10*/,/*duration default 1 (sec)*/)

const [start,stop] = Amaterasu(document.body);
start()
/* Actually you can just code like this*/

CDN

<script src="https://unpkg.com/@realdennis/[email protected]/cdn/Amaterasu.js"></script>
<script>
  const [start, stop] = Amaterasu(document.body);
  start();
</script>

NPM module

$ npm install @realdennis/amaterasu

Usage

import Amaterasu from '@realdennis/amaterasu';
const [start, stop] = Amaterasu(document.body);
start();

More

const img = document.querySelector('img#target')
const [start,stop] = Amaterasu(img,5,2);
// Blur this img elment 0 .. 1 ....5 , every 2sec

if(/* some statement */) stop()
// Make img element resume style before amaterasu start.