Creepy.CSS

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #llm #android #machine-learning #deep-learning #awesome #cli #awesome-list #ios #openai #open-source

(★ 32)

a creepy style UI

Creepy.CSS Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# CreepyUI
A creepy style UI
## thanks
http://www.ankokukoubou.com/

Music Atelier Amacha
## main color     
#af111c     
## main font    
[Nosifer](https://github.com/google/fonts/blob/master/ofl/nosifer/Nosifer-Regular.ttf)       
## less -> css
```bash
lessc creepy.less creepy.css
```
## use
### font + normalize + creepy.css
```html
<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
```html
<script src="./creepy.js"></script>
```
```JavaScript
/**
 * 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
```html
<div class="bloody-box">This is a BLOODY BOX.</div>
```
```javascript
creepy.BloodyBoxInit()
```

Creepy.CSS

Creepy.CSS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Creepy.CSS

Creepy.CSS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README