How to add radial and linear gradients with CSS3

radial gradient
How to add radial and linear gradient as circle with CSS.
Use bellow code it can help you like given image.
Some other beautiful Gradient functions are available. Like
  1. Radial-Gradient()
  2. Linear-Gradient()
  3. Repeating-Radial-Gradient()
  4. Repeating-Linear-Gradient()

Radial Gradient

 body{  
 background : radial-gradient(circle, #3E3E3E, #000) repeat scroll 0 0 transparent;  
 }  

Updated

Linear Gradient

 body{  
 background-image: linear-gradient(to bottom, #026CC4, #095A9B);  
 }  
Must share your views

Post a Comment

Give your reviews about this blog. Leave your comments. What do you think about this post?

Comments Guidelines:

1) I love to read comments, but please avoid spam.

2) Like this blog, share your insights, and spread the word.

3) You can use basic HTML/xHTML tags.

4) All comments are DoFollow—please use the section professionally.

5) Kindly mention your name or brand below your comment.

6) Constructive suggestions for improvement are always welcome.


Thanks for visiting Samee Articles.

========================================

Best Regards,

Samee U. Feroz

 
Copyright © 2011-2026. Samee Articles - All Rights Reserved
Proudly powered by Blogger