其他分享
首页 > 其他分享> > 172.纯 CSS 实现无限嵌套动画

172.纯 CSS 实现无限嵌套动画

作者：互联网

效果 (源码网盘地址在最后)

源码

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>纯 CSS 实现无限嵌套动画</title>
  <link href="./style.css" rel="stylesheet" />
</head>
<body>
  
</body>
</html>

css

html {
  background: aliceblue;
}

html:before {
  animation: First 15s forwards infinite;
  background-color: #fec8d8;
  clip-path: circle(75vmax at center center);
  content: "";
  height: 100vmax;
  left: calc((-100vmax

标签：center,html,嵌套,100vmax,源码,background,172,CSS
来源： https://blog.csdn.net/qq449245884/article/details/118255533