CSS Generator - Background

       
save | reset
Code

Border

px
 


Border Radius

px
 

px
px
px
px

Box Shadow

 

Add more [+]

Background




keyword  
% (percent)  
px (pixel)

%
%
px
px

Text Shadow

 

Add more [+]

Gradient

px px
% %



Add Stopper [+]

Transform





 



Transition


Image Filter

Animation

 


function

CSS Background Generator

CSS background property allows you to set background color and image to HTML element.

Background image start from top left corner by default but you can move it's position by keywords, pixel or percent values. You can set background color in semi transparent as well.

background:url('<IMG-SRC>') <BG-REPEAT> <X-POSITION> <Y-POSITION> <COLOR>;
You can write shorthand property or individual property

1) background-repeat - by default loaded image is repeated and it covers the entire element, this property specify repeatation of image
2) background-color - colors can be HEX, RGB, RGBA, HSL format
3) background-image - source path of image URL or image base64 encode
4) background-position - X and Y position, default position is top left corner


comments powered by Disqus