TweenMax实现新年快乐倒计时动画效果代码-html代码-BFW代码库

TweenMax实现新年快乐倒计时动画效果代码

代码语言：html

所属分类：动画

代码描述：TweenMax实现新年快乐倒计时动画效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-title" content="17sucai">

    <style>
        /* latin */
        @font-face {
            font-family: 'Major Mono Display';
            font-style: normal;
            font-weight: 400;
            src: url(//repo.bfw.wiki/bfwrepo/font/RWmVoLyb5fEqtsfBX9PDZIGr2tFubRh7DXeR.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

        .holder {
            position: absolute;
          
            left: 0%;
            top: 0%;
            width: 100%;
            height: 100%;
    
    background: url(//repo.bfw.wiki/bfwrepo/image/5e0404c255106.png) no-repeat;
background-size: cover;

        }
        .new-year {
            font-family: 'Major Mono Display', monospace;
              color: white;
            font-size: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            transform: translateX(-50%) translateY(-50%);
            text-align: center;
        }
        .year {
            position: relative;
            left: 50%;
            display: table;
            font-size: 6em;
            transform: translateX(-50%);
        }
        .year2 {
            transform: translateX(-50%) rotateX(180deg);
            opacity: 0.2;
      .........完整代码请登录后点击上方下载按钮下载查看