gradient background color using CSS

Computer Programming Forums : Questions and Answers, Articles, Tutorials, and Code Snippets

Switch to full style
CSS code examples
Post a reply
DrRakha
  • DrRakha
  • Posts: 2715
  • Joined: Tue Mar 27, 2007 10:55 pm
  • Location: Earth
  • Website

gradient background color using CSS

Mon Feb 27, 2012 10:14 pm

In this example we present how to add gradient color to your web page background without using image banner. In this case we use CSS properties one for Mozilla Firefox, one for Internet Explore and one for Chrome.
Code:
<html>

<head>
  <title>background attachments</title>
<style type='text/css'>
body {
filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b74b0', endColorstr='#2b446a');
background:
-moz-linear-gradient(50% 100% , #2b446a 20%, #4b74b0 100%) 
repeat scroll 0 0 transparent;
background:
-webkit-gradient(linear, 0 100%, 0 20%, from(#2b446a), to(#4b74b0));

height:800px;
</style>

</head>

<body>
<p> 
 gradient  background color using CSS
</p>
</body>
</html>

 




Post a reply
  Related Posts  to : gradient background color using CSS
 Gradient Color in java     -  
 Background color - mile200     -  
 change background color with RGB     -  
 skymiles background color     -  
 Follow window background color     -  
 inherit background color from the parent element     -  
 changing the background color for site main menu.     -  
 Calculating image Gradient     -  
 draw Round gradient     -  
 Color and CSS     -  

Topic Tags

CSS Background
Switch to full style

Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com


Powered by phpBB © phpBB Group.


Codemiles.com