50天50个小项目-day1

50天50个小项目系列文章-(Day1)👽

做这个系列文章的目的是为了提高自己的前端基础水平，毕竟前端基础三件套是重中之重吗😉，下面是我的GitHub地址和这个小demo对应的代码仓库。

• cyong
• AnimatedCountdown

1.技术栈

• Typescript
• sass
• React

2.项目介绍

AnimatedCountdown：具有动画效果的计时器

实现效果

3.代码实现

3.1sass部分

.h4font {
    font-size: 20px;
    margin: 5px;
    //字母大写
    text-transform: uppercase;
    color: black;
}

.count {
    //绝对定位并且居中
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    .nums {
        color: #3498db;
        font-size: 50px;