Problem with css

@molossusDec 11.2013 — #take a look at this code:

[CODE]
 background-color: #9e9e9e;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
 background-image: -webkit-linear-gradient(top, #9e9e9e, #454545);
 background-image:    -moz-linear-gradient(top, #9e9e9e, #454545);
 background-image:      -o-linear-gradient(top, #9e9e9e, #454545);
 background-image:         linear-gradient(to bottom, #9e9e9e, #454545);
 [/CODE]

or jsfiddle link:

http://jsfiddle.net/fwkgM/1/

@reyhanehauthorDec 11.2013 — #Hi, thank you so much

ï¿½ï¿½ï¿½ I need the code to create a crooked line that separated the two green and black crop top box because it's the tilt. It was created slant but will not be displayed properly on chrome I'm using this code:

#s5_header_wrap {

background:linear-gradient(174deg, #000000 65%, #90BB1A 66%) repeat scroll 0 0 rgba(0, 0, 0, 0);

background-image: -webkit-linear-gradient(174deg, #000000 65%, #90BB1A 66%) repeat scroll 0 0 rgba(0, 0, 0, 0);; /* For old Fx (3.6 to 15) */

background-image: -moz-linear-gradient(174deg, #000000 65%, #90BB1A 66%) repeat scroll 0 0 rgba(0, 0, 0, 0);; /* For old Fx (3.6 to 15) */

background-image: -ms-linear-gradient(174deg, #000000 65%, #90BB1A 66%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* For pre-releases of IE 10*/

background-image: -o-linear-gradient(174deg, #000000 65%, #90BB1A 66%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* For old Opera (11.1 to 12.0) */

background-image: linear-gradient(174deg, #000000 65%, #90BB1A 66%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* Standard syntax; must be last */

-moz-border-radius: 6px 6px 0px 0px;

-webkit-border-radius: 6px 6px 0px 0px;

border-radius: 6px 6px 0px 0px;

height:150px;

}

background:#90bb1a;

background:linear-gradient(174deg, #000 18.5%, #90BB1A 19.3%) repeat scroll 0 0 rgba(0, 0, 0, 0);

background-image: -webkit-linear-gradient(174deg, #000 18.5%, #90BB1A 19.3%) repeat scroll 0 0 rgba(0, 0, 0, 0);; /* For old Fx (3.6 to 15) */

background-image: -moz-linear-gradient(174deg, #000 18.5%, #90BB1A 19.3%) repeat scroll 0 0 rgba(0, 0, 0, 0);; /* For old Fx (3.6 to 15) */

background-image: -ms-linear-gradient(174deg, #000 18.5%, #90BB1A 19.3%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* For pre-releases of IE 10*/

background-image: -o-linear-gradient(174deg, #000 18.5%, #90BB1A 19.3%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* For old Opera (11.1 to 12.0) */

background-image: linear-gradient(174deg, #000 18.5%, #90BB1A 19.3%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* Standard syntax; must be last */

font-family: 'Byekan';

font-size:15px;

}

@molossusDec 11.2013 — #i see a crooked line on chrome but not on firefox, on firefox the line has a smooth separation kind of like blur effect ,

do you have a screenshot i can see to rule out that im seeing the same display errors as you.

Problem with css

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Problem with css

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴