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 <head> of your HTML document as such:
<head>
<link rel="stylesheet" href="/path/to/mimic.css">
</head>Or you can use the minified version!:
<head>
<link rel="stylesheet" href="/path/to/mimic.min.css">
</head>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:
<h1 class="boomerang">BRB</h1>Want to add a class and/or contribute in some way?
Just clone it and add away!
License
The MIT License (MIT)