CreepyUI
A creepy style UI
thanks
Music Atelier Amacha
main color
#af111c
main font
less -> css
lessc creepy.less creepy.css
use
font + normalize + creepy.css
<head>
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Creepster|Nosifer|Special+Elite|Stardos+Stencil" rel="stylesheet">
<link rel="stylesheet" href="./normalize.css">
<link rel="stylesheet" href="./creepy.css">
</head>
jumpscare
<script src="./creepy.js"></script>
/**
* jumpScare(url)
* jumpScare.show(during)
* jumpScare.loop(interval, during)
*/
let jumpScare = creepy.jumpScare('https://wx3.sinaimg.cn/mw690/686d7361ly1fsfd8dlce1j20qo0k0wnn.jpg')
document.querySelector('.js-show').addEventListener('click',()=>{
jumpScare.show(2000)
})
document.querySelector('.js-loop').addEventListener('click',()=>{
jumpScare.loop(4000,1000)
})
BloodyBoxInit
<div class="bloody-box">This is a BLOODY BOX.</div>
creepy.BloodyBoxInit()