일

간단한 애니메이션 버튼 CSS 입니다.

정말 심플한 애니메니션 버튼 입니다..^^;;

3699138664_1623748115.9992.png3699138664_1623748123.1733.png


.ani_button {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        display: inline-block;
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #ccc, #f3f3f3);
        background-size: 400% 400%;
        animation: AnimationName 15s ease infinite;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 35%;
        text-align: center;
        padding: 0 20px;
        border-radius: 20px;
    }

    @keyframes AnimationName
    {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

|

댓글 3개

잘사용하겠습니다.
감사합니다
멋지네여~~!!!
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
21-06-20 조회 6,946
21-06-19 조회 8,021
21-06-17 조회 8,014
21-06-16 조회 9,531
21-06-15 조회 8,276
21-06-15 조회 8,666
21-06-15 조회 8,451
21-06-15 조회 7,826
21-06-14 조회 7,761
21-06-14 조회 6,923
21-06-10 조회 1.1만
21-06-09 조회 7,052
21-06-08 조회 8,920
21-06-08 조회 7,397
21-06-08 조회 7,418
21-06-07 조회 8,179
21-06-06 조회 7,192
21-06-04 조회 6,894
21-06-04 조회 7,617
21-06-03 조회 9,742
21-06-02 조회 6,906
21-06-02 조회 7,542
21-06-01 조회 6,946
21-05-31 조회 7,963
21-05-31 조회 7,446
21-05-30 조회 6,413
21-05-28 조회 9,003
21-05-27 조회 8,020
21-05-26 조회 7,803
21-05-23 조회 7,491