1 reply [Last post]
Gear
Gear's picture
Offline
newbie
Last seen: 6 years 7 weeks ago
Timezone: GMT-4
Joined: 2015-06-09
Posts: 2
Points: 3

Hi guys,

I have the following transition which doesn't work in any browser. Any ideas ?
The background changes but the transition is not working.

.GridViewHeader {
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	min-height: 25px;
	cursor: pointer;
	-moz-transition: background 1s ease-in 1s;
	-o-transition: background 1s ease-in 1s;
	-webkit-transition: background 1s ease-in 1s;
	transition: background 1s ease-in 1s;
}
 
GridViewHeader:hover {
	background: -moz-linear-gradient(top,  #f9e772 0, #fcf7cf 49%, #efd01f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f9e772), color-stop(49%,#fcf7cf), color-stop(100%,#efd01f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9e772 0,#fcf7cf 49%,#efd01f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9e772 0,#fcf7cf 49%,#efd01f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9e772 0,#fcf7cf 49%,#efd01f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9e772 0,#fcf7cf 49%,#efd01f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e772', endColorstr='#efd01f',GradientType=0 ); /* IE6-9 */
	color:black;
}

Gear
Gear's picture
Offline
newbie
Last seen: 6 years 7 weeks ago
Timezone: GMT-4
Joined: 2015-06-09
Posts: 2
Points: 3

When I pasted my code I saw a

When I pasted my code I saw a dot is missing before GridViewHeader:hover {
sorry about that. It seems this forum doesn't allow editing existing thread