Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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/
Upcoming SlideShare
Loading in …5
×

How to use online css gradient generator

5,422 views

Published on

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/

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

How to use online css gradient generator

  1. 1. Online CSS Gradient Generator (guide how to use gradient generator tool)
  2. 2. What is Gradient ? • Gradient is a combination of colors. ( Red + Yellow )
  3. 3. It also can be a combination of more then two colors.. Red + Yellow + Blue
  4. 4. and each color of gradient is define by stopper Color Stopper
  5. 5. Location of the color stopper specify gradient pattern
  6. 6. but What is Transparent Gradient ?
  7. 7. Transparent is a alpha property of color stopper It show visibility of color
  8. 8. and transparency of gradient is define by alpha stopper Alpha Stopper
  9. 9. Combine Alpha Stopper + Color Stopper
  10. 10. now Final Gradient contain 4 stoppers
  11. 11. Gradient Orientation • Linear Orientation • Radial Orientation
  12. 12. Linear Orientation • Linear Orientation - Linear gradient can be possible in 360 degree direction
  13. 13. Thanks for Watching http://angrytools.com/gradient/

×