Advanced Search

CSS Gradient background

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .gradient {
  2. 	color: #ffc;
  3. 	/* default for browsers that don't support gradients */
  4. 	background: #aa3e00;
  5. 	/* For Opera */
  6. 	background-image: -o-linear-gradient(rgb(170,101,0),rgb(170,62,0));
  7. 	/* For WebKit (Safari, Google Chrome etc) */
  8. 	background: -webkit-gradient(linear, left top, left bottom, from(#aa3e00), to(#aa6500));
  9. 	/* For Mozilla/Gecko (Firefox etc) */
  10. 	background: -moz-linear-gradient(top, #aa6500, #aa3e00);
  11. 	/* For Internet Explorer 5.5 - 7 */
  12. 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00);
  13. 	/* For Internet Explorer 8 */
  14. 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00)";
  15. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.