how to use online css gradient generator

Post on 27-Jun-2015

1.884 Views

Category:

Technology

9 Downloads

Preview:

Click to see full reader

DESCRIPTION

this is help guide slides for how to use online gradient generator web tool of angrytools. understand about color stopper and alpha stopper http://angrytools.com/gradient/

TRANSCRIPT

Online CSS Gradient Generator

(guide how to use gradient generator tool)

What is Gradient ?

• Gradient is a combination of colors.

( Red + Yellow )

It also can be a combination of more then two colors..

Red + Yellow + Blue

and each color of gradient is define by stopper

Color Stopper

Location of the color stopper specify gradient pattern

but What is Transparent Gradient ?

Transparent is a alpha property of color stopper

It show visibility of color

and transparency of gradient is define by alpha stopper

Alpha Stopper

Combine Alpha Stopper + Color Stopper

now Final Gradient contain 4 stoppers

Gradient Orientation

• Linear Orientation• Radial Orientation

Linear Orientation• Linear Orientation - Linear gradient can be

possible in 360 degree direction

Thanks for Watching

http://angrytools.com/gradient/

top related