js实现倒计时特效（背景颜色随时间改变）

东方青云、

已于 2023-04-21 15:28:22 修改

阅读量1.1k

点赞数 5

分类专栏：综合案例 JS笔记文章标签： javascript css 前端

于 2023-04-18 10:26:39 首次发布

本文链接：https://blog.csdn.net/Zhang_wang_yun/article/details/130215910

版权

1、实现效果

在这里插入图片描述

2、实现代码

<!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>Document</title>
    <style>
        em,
        i {
   
            font-style: normal;
        }

        .center {
   
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .recomment_today {
   
            position: relative;
            float: left;
            width: 251px;
            height: 170px;
            line-height: 165px;
            background-color: #0a9e87;
            text-align: center;
            cursor: pointer;
            transition: all .3s linear;
        }

        .recomment_today i {
   
            position: absolute