[Web] CSS 움직이는 Gradient 배경 만들기

최예린·2022년 7월 13일
0

웹프로그래밍

목록 보기
3/4

.jumbotron {
    margin: 0px auto;
    padding: 70px 30px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
@keyframes gradient {
    0% {
     background-position: 0% 50%;
    }
    50% {
     background-position: 100% 50%;
    }
    100% {
     background-position: 0% 50%;
    }
}
profile
경북대학교 글로벌소프트웨어융합전공/미디어아트연계전공

0개의 댓글