0.2.0 • Published 5 years ago

ht-typography.css v0.2.0

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

typography.css GitHub release npm version npm.io

Plug and use preset fonts CSS

Demo

typography.css is a css that change your default font using more beautiful preset. Great to use in projects that emphasis on typography.

Installation

Install via npm:

$ npm i ht-typography.css --save

Usage

To use typography.css in your website, simply drop the stylesheet into your document's <head>, and add the class animated to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!

All you need is to add the stylesheet into your html <head> and add the preset to the <body> or <div> tag.

<head>
  <link rel="stylesheet" href="typography.css">
</head>

Classes

To animate an element, add the class animated to an element. You can include the class infinite for an infinite loop. Finally you need to add one of the following classes to the element:

Class Name PresetsClass HeadersClass Paragraph
generalgeneral_headergeneral_paragraph
high-endhigh-end_headerhigh-end_paragraph
modernmodern_headermodern_paragraph
start-upstart-up_headerstart-up_paragraph
elegantelegant_headerelegant_paragraph
attentionattention_headerattention_paragraph
medievalmedieval_headermedieval_paragraph
artart_headerart_paragraph

Example Preset:

<div class="elegant">
  <h1>Header</h1>
  <p>paragraph here</p<
</div>

Example Individual Element:

<div>
  <h1 class="art_header">Header</h1>
  <p class="modern_paragraph">paragraph here</p<
</div>

License

Animate.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)

0.2.0

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago

1.0.0

5 years ago