Return to Snippet

Revision: 52103
at October 13, 2011 09:44 by ultranaut


Updated Code
.gradient {
	color: #ffc;
	/* default for browsers that don't support gradients */
	background: #aa3e00;
	/* For Opera */
	background-image: -o-linear-gradient(rgb(170,101,0),rgb(170,62,0));
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#aa3e00), to(#aa6500));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #aa6500, #aa3e00);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00)";
}

Revision: 52102
at October 13, 2011 09:30 by ultranaut


Updated Code
.gradient {
	color: #ffc;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#aa3e00), to(#aa6500));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #aa6500, #aa3e00);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00)";
}

Revision: 52101
at October 13, 2011 09:28 by ultranaut


Updated Code
.gradient {
	color: #ffc;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#aa3e00), to(#aa6500));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #aa6500, #aa3e00);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00)";
	
}

Revision: 52100
at October 13, 2011 09:27 by ultranaut


Initial Code
.collection > header .tabs {
	font: normal 600 12px kulturista-web,serif;
	position: absolute;
	top: 62px;
	left: 0;
	width:  758px;
	height: 30px;
	margin-left: 194px;
	padding-left: 40px;
.gradient {	
	color: #ffc;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#aa3e00), to(#aa6500));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #aa6500, #aa3e00);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00)";
	
}

Initial URL


Initial Description


Initial Title
CSS Gradient background

Initial Tags


Initial Language
CSS