css 渐变备忘单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 渐变备忘单相关的知识,希望对你有一定的参考价值。

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
<!-- content to be placed inside <body>…</body> -->
/* Gradient cheatsheet */
background: linear-gradient(45deg, white, black);
background: linear-gradient(to right, white 50%, red, black);
background: linear-gradient(to bottom right, white 50px, black);
background: repeating-linear-gradient(to bottom left, white, black 30px);

background: radial-gradient(at top right, white, black);
background: radial-gradient(circle at top right, lime 50%, black 0);
background: radial-gradient(farthest-corner at center, red 80%, black);
background: radial-gradient(farthest-side at center, yellow 80%, black);
background: radial-gradient(circle closest-corner at center, yellow 80%, red);
background: repeating-radial-gradient(orange, red 40px);

height: 100%;

以上是关于css 渐变备忘单的主要内容,如果未能解决你的问题,请参考以下文章

css 渐变备忘单

css 渐变备忘单

css 渐变备忘单

css 渐变备忘单

css 渐变备忘单

css 渐变备忘单