Background gradient generator | Generator

Background-gradient generator

background-gradient
Background transparence
border-radius
box-shadow
Flex box
transform
transform 3D
Multiple column
text-shadow
Text editor

Gradient:

Position

Size

Width & Height:

Width: px (max: 600)

Height: px (max: 300)

Background color

Begin:

504%
End:

504%

Source code

[HTML]

[CSS]

p {

height: 200px;
width: 200px;
background: linear-gradient(to top, #FF0000 0%, #330000 100%);
background: -moz-linear-gradient(to top, #FF0000 0%, #330000 100%);
background: -o-linear-gradient(to top, #FF0000 0%, #330000 100%);
background: -ms-linear-gradient(to top, #FF0000 0%, #330000 100%);
background: -webkit-linear-gradient(bottom, #FF0000 0%, #330000 100%);

}