css实现雪山日出日落动画效果代码-html代码-BFW代码库

css实现雪山日出日落动画效果代码

代码语言：html

所属分类：动画

代码描述：css实现雪山日出日落动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">





    <style>
        *,
        *::before,
        *::after {
          box-sizing: border-box;
        }
        
        body {
          margin: 0;
          background: black;
        }
        
        .scene {
          position: relative;
          width: 100%;
          height: 100vh;
          overflow: hidden;
          background: skyblue;
          -webkit-animation: sky 10s ease-out alternate infinite;
                  animation: sky 10s ease-out alternate infinite;
        }
        
        .mountain {
          position: absolute;
          bottom: 0;
          width: 50%;
          min-width: 250px;
          height: 70vh;
          background: #4d5163;
          -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
                  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          -webkit-animation: mountain 10s ease-out alternate infinite;
                  animation: mountain 10s ease-out alternate infinite;
        }
        .mountain--center {
          left: 50%;
 .........完整代码请登录后点击上方下载按钮下载查看