Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/erictreacy/mimic.css
Everyone else is doing it!
https://github.com/erictreacy/mimic.css
animate animatecss css css-animations
Last synced: about 1 month ago
JSON representation
Everyone else is doing it!
- Host: GitHub
- URL: https://github.com/erictreacy/mimic.css
- Owner: erictreacy
- Created: 2017-08-01T16:47:44.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-03-20T19:24:37.000Z (over 4 years ago)
- Last Synced: 2024-05-02T11:59:33.727Z (4 months ago)
- Topics: animate, animatecss, css, css-animations
- Language: CSS
- Homepage: https://erictreacy.github.io/mimic.css
- Size: 71.3 KB
- Stars: 238
- Watchers: 11
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
*Currently updating to new version*
# Mimic.css
Mimic.css is an css animations library because everyone else is doing it.
## How To Use The Darn Thing
Simple, just add the mimic.css stylesheet to the `` of your HTML document as such:
```html
```
Or you can use the minified version!:```html
```
Next, to animate, you will need to add the class `animated` to your element, with any of the mimic.css classes.
What's it mimic?:
| Class Name | Mimics |
|-------------|-------------|
| `boomerang` | a boomerang |
| `swivelChair` | a swivel chair |
| `gettinInYoFace` | someone gettin' in yo' face |
| `airplanePropeller` | an airplane propeller |
| `pulsate` | something pulsating |
| `candleInTheWind` | a candle in the wind |
| `highlighter` | a highlighter |
| `lawnMower` | a lawn mower blade |
| `bungee` | a bungee jump |
| `nope` | a head shaking nope |
| `heartBeat` | a heartbeat |
| `sleepyEyes` | sleepy eyes |
| `plummit` | plummiting |
| `dropItLikeItsHot` | droping something like it's hot |
| `gettinLifted` | gettin' lifted |
| `glaucoma` | how a person with glaucoma sees (or doesn't) |
| `chameleon` | a chameleon |
| `backdrop` | a stage backdrop |
| `tearDrop` | a tear drop |
| `acidTrip` | a acid trip |For example:
```html
BRB
```## Want to add a class and/or contribute in some way?
Just clone it and add away!
## License
The MIT License (MIT)