domcss

The ultimate style sheet

How to use

Import

Header

<link href='https://darkninja1.github.io/domcss/main.css' rel='stylesheet' type='text/css' >

Example 1

HTML

<element class='popIn'>stuff</element>

Example 2

JS

[yourElement].classList.add("popIn");

or

[yourElement].style.animation = "popIn 2s linear"; // customizable

---

Classes

Entrances

.popIn
.fadeIn
.slideIn
.flipInX
.flipInY
.flipInZ

Exits

.popOut
.fadeOut
.slideOut

More

Padding

.p-10 ~ 0-80
.px-10 ~ 0-80
.py-10 ~ 0-80
.pt-10 ~ 0-80
.pl-10 ~ 0-80
.pr-10 ~ 0-80
.pb-10 ~ 0-80

Margin

.m-10 ~ 0-80
.mx-10 ~ 0-80
.my-10 ~ 0-80
.mt-10 ~ 0-80
.ml-10 ~ 0-80
.mr-10 ~ 0-80
.mb-10 ~ 0-80

Updates will be coming later