transition질문드립니다!

인터랙티브 개발 실무 끝장내기 [역량 강화편]

작성

217

선생님께서 알려주신 transition을 응용해보았는데요.

h1 {
            font-size: 50px;
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -50%);
            padding: 5%;
            border-radius: 5%;
            transition: background 0.5s ease-in;
        }

        h1:hover {
            background: rgb(251, 139, 139);
            background: radial-gradient(circle, rgba(251, 139, 139, 1) 26%, rgba(148, 233, 163, 0.4318102240896359) 100%);
        }