gradient
-
[CSS] gradient transition 적용하기 (React)CSS 2022. 7. 26. 01:08
background-image 속성을 통해 그라디언트를 표현하고 transition 값을 주면 예쁘게 전환될 줄 알았지만... 되지 않았다. Transitioning Gradients In, CSS, you can’t transition a background gradient. It sure would be nice if you could: .gradient { background-image: linear-gradient( to right, hsl(211, 100%, keithjgrant.com 검색해보니 ::before와 opacity 속성을 이용하여 구현한 예제가 있었다. ::before에 전환 될 그라디언트를 작성하고 opactiy에 transition을 걸어 전환되게 한 트릭이다. 내가 구현하려는..