13
Online CSS Gradient Generator (guide how to use gradient generator tool)

How to use online css gradient generator

Embed Size (px)

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/

Citation preview

Page 1: How to use online css gradient generator

Online CSS Gradient Generator

(guide how to use gradient generator tool)

Page 2: How to use online css gradient generator

What is Gradient ?

• Gradient is a combination of colors.

( Red + Yellow )

Page 3: How to use online css gradient generator

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

Red + Yellow + Blue

Page 4: How to use online css gradient generator

and each color of gradient is define by stopper

Color Stopper

Page 5: How to use online css gradient generator

Location of the color stopper specify gradient pattern

Page 6: How to use online css gradient generator

but What is Transparent Gradient ?

Page 7: How to use online css gradient generator

Transparent is a alpha property of color stopper

It show visibility of color

Page 8: How to use online css gradient generator

and transparency of gradient is define by alpha stopper

Alpha Stopper

Page 9: How to use online css gradient generator

Combine Alpha Stopper + Color Stopper

Page 10: How to use online css gradient generator

now Final Gradient contain 4 stoppers

Page 11: How to use online css gradient generator

Gradient Orientation

• Linear Orientation• Radial Orientation

Page 12: How to use online css gradient generator

Linear Orientation• Linear Orientation - Linear gradient can be

possible in 360 degree direction

Page 13: How to use online css gradient generator

Thanks for Watching

http://angrytools.com/gradient/