Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

Everyone else is doing it!

NotificationsYou must be signed in to change notification settings

erictreacy/mimic.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Currently updating to new version

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><linkrel="stylesheet"href="/path/to/mimic.css"></head>

Or you can use the minified version!:

<head><linkrel="stylesheet"href="/path/to/mimic.min.css"></head>

Next, to animate, you will need to add the classanimated to your element, with any of the mimic.css classes.

What's it mimic?:

Class NameMimics
boomeranga boomerang
swivelChaira swivel chair
gettinInYoFacesomeone gettin' in yo' face
airplanePropelleran airplane propeller
pulsatesomething pulsating
candleInTheWinda candle in the wind
highlightera highlighter
lawnMowera lawn mower blade
bungeea bungee jump
nopea head shaking nope
heartBeata heartbeat
sleepyEyessleepy eyes
plummitplummiting
dropItLikeItsHotdroping something like it's hot
gettinLiftedgettin' lifted
glaucomahow a person with glaucoma sees (or doesn't)
chameleona chameleon
backdropa stage backdrop
tearDropa tear drop
acidTripa acid trip

For example:

<h1class="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)

Releases

No releases published

Sponsor this project

    Packages

    No packages published

    [8]ページ先頭

    ©2009-2025 Movatter.jp