Obnoxious CSS is an animation set for the strong of heart, but weak of mind. Check it out.
To use, add the obnoxious.css stylesheet to the <head> of your document
<head>
<link rel="stylesheet" href="/path/to/obnoxious.css">
</head>Now, to animate you need to add the class animated to your element, with any of the obnoxious.css classes
These are:
- shakeit
- intensifies
- fontalicious
- strobe
- twister
You can see these animations live here.
For example:
<h1 class="animated intensifies">OMG!</h1>- To edit the codebase, you'll need to clone the repository.
- Next, run
npm install - then,
gulp watchto have your edits automatically saved to obnoxious.css
... Please add each new animation to a new file.
The MIT License (MIT)
Copyright (C) 2017 ~ Tim Holman ~ [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent