Load page effects

25sec.

White Glow out

<p class="fa-max-50 font-1 fa-glow-white-out ">White Glow out</p>

White Glow in

<p class="fa-max-50 font-1 fa-glow-white-in">White Glow in</p>

White Glow

<p class="fa-max-50 font-1 fa-glow-white">White Glow</p>

BlackGlow out

<p class="fa-max-50 fa-bb font-1 fa-glow-black-out">BlackGlow out</p>

Black Glow in

<p class="fa-max-50 font-1 fa-glow-black-in">Black Glow in</p>

Black Glow

<p class="fa-max-50 font-1 fa-glow-black">Black Glow</p>

2X codes


Text - Span
<span class="fa-max-50 fa-shadow-black-thin">Text - Span</span>
The "Span" code is the best if you need a responsive title inside a text block ( in line). However some transforms ( like fa-scale and fa-glow...) are not correctly supported in certain browser. You can mix some styles and check the result online.

Text - Paragraph

<br /> <p class='fa-max-50 fa-shadow-black-thin'>Text - Paragraph</p>
The "Paragraph" code ( p) allow you to write single line of text. Use this cose for titles ( like Classes H1, H2 and so on).
You can add a further code to put the text inline. We provide 3 codes:

fa-inline   fa-inline-block   fa-inline-table


With the fa-inline-block all animations ( like fa-scale) works.


Webfont codes


Make your Website great

<span class="font-1 fa-max-50 fa-shadow-black-thin">Make </span> <span class="font-2 fa-max-50 fa-shadow-black-thin">your </span><span class="font-3 fa-max-50 fa-shadow-black-thin">Website </span> <span class="font-1 fa-max-50 fa-shadow-black-thin">great</span>

With this classes list (font-1, font-2, font-3..) you can apply the WebFont style to a single line of text, also a single word.



Icon + Text

Hello
Icon + text
<i class="fa fa-comment fa-3x"></i> <span class="fa-3x"> Hello </span>

Hello
styled Icon + styled text
<i class="fa fa-comment fa-3x fa-silver-light"></i> <span class=" fa-3x fa-silver-light"> Hello </span>

Hello
Icon + web font (using font-1 ..2,3,4…)
<i class="fa fa-comment fa-3x"></i> <span class="font-3 fa-3x"> Hello </span>

Hello


Icon with shadow + Text with Pulse effect
<i class="fa fa-comment fa-3x fa-shadow-black-big"> </i> <p class=" f fa-3x fa-inline-block fa-pulse-loop "> Hello </p>

Themes with Plus Code

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Lode

image

LanderPro

image

Boxedo

image

Shape

image

Simplus

image

Flexer

image

Gamma

image

Anima

image

Laxis

image

Duo

image

Hoa

image

Regen

image

Duccio

image

FlexBand

image

Tilt

image

Acute

image

OldPage

image

Black Shadow

image

Xlabel

image

Xloom

image

Alphas

image

MiniMax

image

TopMenu

image

RePixel

image

Creative Tape

image

PanelsPro

image

PageMix

image

TidyBox

image

PureWhite

image