css制作一个音频声波效果

2021-03-28 22:26

阅读:633

标签:color   nim   scale   ott   line   mat   temp   enter   rip   

1.template代码

2.css代码

.voice-image{
            display: inline-flex;
            width: 102rpx;
            height: 70rpx;
            margin-bottom: 36rpx;
            .lines{
                width: 100%;
                height: 100%;
                display: inline-flex;
                justify-content: space-between;
                align-items: center;
            }
        }
.hr{
        background-color: #fff;
        width: 4rpx;
        height: 100%;
        float: right;
    }

    .hr1{
        transform: scaleY(.6);
    }
    .hr2{

    }
    .hr3{
        transform: scaleY(.5);
    }
    .hr4{

    }
    .hr5{
        transform: scaleY(.6);
    }
    .hr6{

    }
    .hr7{
        transform: scaleY(.7);
    }
    @keyframes liner {
        0% {
            transform: scaleY(.5);
        }
        100% {
            transform: scaleY(1);
        }
    }

  

css制作一个音频声波效果

标签:color   nim   scale   ott   line   mat   temp   enter   rip   

原文地址:https://www.cnblogs.com/fairy62/p/12612200.html


评论


亲,登录后才可以留言!