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个前端开发人员的救生工具