Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
345 views
in Technique[技术] by (71.8m points)

css - How can I best creat a responsive, two-tone diagonal background?

Trying to create a responsive, two tone diagonal background like this one. I've already tried linear-gradients, but the diagonal line comes out too jagged. I've also tried transform skew, but that had other issues, including browser compatibility for modern browsers. So I'm looking for an alternative. Is it perhaps possible to do with SVG or something similar? I don't have much experience with SVG.

Example of what I'm looking to create

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

this is a small example of how you could make a background, i hope to help http://jsfiddle.net/step/qrtfwqar/1/

background-image: -webkit-linear-gradient(45deg, #0000FF 50%, #6B6BFF 50%);

the detail is 45deg


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...