Gradient Angle

Published: November 21, 2014By brooklynwriters
  • Gradient Angle
  • Gradient A
  • Gradient B
  • Gradient B Position
  • Gradient C

The angle of the gradient. You have 8 options which cover all possible horizontal, vertical and perfectly diagonal variations. Note: old versions of Safari and Chrome (< Chrome 10 and < Safari 5.1) don't properly support diagonal gradients.

Value Description
top to bottomGradient A blending from top to bottom into Gradient B or C.
bottom to topGradient A blending from bottom to top into Gradient B or C.
left to rightGradient A blending from left to right into Gradient B or C.
right to leftGradient A blending from right to left into Gradient B or C.
top left to bottom rightGradient A blending from top left to bottom right into Gradient B or C.
bottom right to top leftGradient A blending from bottom right to top left into Gradient B or C.
top right to bottom leftGradient A blending from top right to bottom left into Gradient B or C.
bottom left to top rightGradient A blending from bottom left to top right into Gradient B or C.

Themeover CSS Reference

Close