css EF游乐场
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css EF游乐场相关的知识,希望对你有一定的参考价值。
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
<!-- content to be placed inside <body>…</body> -->
/**
* EF Playground
*/
@keyframes bgColor {
0% { background-color: cyan }
25% { background-color: magenta }
50% { background-color: blueviolet }
75% { background-color: aquamarine }
100% { background-color: cyan }
}
html {
width: 100vw;
height: 100vh;
animation: bgColor 120s infinite;
background:
linear-gradient(
to bottom left,
rgba( 220,220,220, 0.66 ) 0%,
rgba( 220,220,220, 0 ) 100%
),
linear-gradient(
to bottom left,
rgba( 55, 55, 40, 0.22 ) 0%,
rgba( 155, 155, 140, 0.44 ) 40%,
rgba( 255, 255, 240, 0.0625 ) 100%
);
color: rgba( 255, 255, 255, 0.75 );
mix-blend-mode: screen;
}
body {
width: initial;
height: initial;
margin: 0;
border: 1rem solid;
/** Forced positioning for dabblet **/
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
以上是关于css EF游乐场的主要内容,如果未能解决你的问题,请参考以下文章
游乐场订票票务商城小程序SSM
在 Tailwind CSS 中自定义输入范围
前端开发人员的救生工具
CSS/Tailwind 让 flex-grow 孩子在溢出时滚动
使用顺风 css 的两列之间的响应式分隔器
19个前端开发人员的救生工具