background-clip: text;1 [css] 텍스트 안에 그라데이션 배경 움직여보기 기획자에게 축하 메시지가 들어가는 이벤트 기획서가 도착함. 뭔가 경품도 주고 하는 이벤트인데, 그냥 글자만 "축하함"이라고 넣기가 허전해보여서, 뭐가 없을까 하다가... CSS에 background-clip: text; 속성을 이용해 텍스트 안에 그라데이션 애니를 주기로 함~ 일단 결과물은... 열심히 해보고나니 나름 느낌이 괜춘 괜춘~~ (레드써...ㄴ ) 아래 css를 하나씩 살펴보자~ CSS @keyframes moveGradientBg{ to{background-position: 300% 0;} } .item-text{ display: inline-block; position: relative; background: linear-gradient(90deg, #ff0 0%, #f86 20%, #ff.. 2023. 6. 8. 이전1 1 다음 728x90 반응형
