간단한 애니메이션 버튼 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개

잘사용하겠습니다.
감사합니다
멋지네여~~!!!
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
4년 전 조회 5,556
4년 전 조회 4,535
4년 전 조회 4,744
4년 전 조회 5,638
4년 전 조회 4,804
4년 전 조회 3,631
4년 전 조회 7,191
4년 전 조회 5,403
4년 전 조회 2,657
4년 전 조회 4,861
4년 전 조회 3,215
4년 전 조회 4,057
4년 전 조회 3,751
4년 전 조회 5,018
4년 전 조회 3,935
4년 전 조회 4,000
4년 전 조회 4,101
4년 전 조회 3,690
4년 전 조회 3,814
4년 전 조회 2,914
4년 전 조회 6,471
4년 전 조회 3,057
4년 전 조회 4,712
4년 전 조회 3,389
4년 전 조회 3,324
4년 전 조회 3,940
4년 전 조회 3,215
4년 전 조회 2,978
4년 전 조회 3,508
4년 전 조회 5,661
🐛 버그신고