이미지와 함께하는 그라데이션 텍스트로 더욱 풍부한 시각적 경험을 제공합니다.
고급 효과
그라데이션 애니메이션
(Gradient Animation)
그라데이션 애니메이션은 색상이 부드럽게 변화하며 흐르는 듯한 시각적 효과를 제공하여 웹사이트에 생동감과 현대적인 느낌을 더합니다.
텍스트, 배경, 테두리 등 다양한 요소에 적용할 수 있으며, 브랜드 아이덴티티를 강화하고 사용자의 시선을 사로잡는 데 매우 효과적입니다.
아래 컨트롤러로 애니메이션 속도와 방향을 조절하며 다양한 그라데이션 효과를 직접 경험해보세요.
s(초): 그라데이션이 한 번 순환하는 시간을 조절합니다. 숫자가 클수록 더 천천히 움직입니다.
그라데이션이 움직이는 방향을 설정합니다. 왕복은 정방향과 역방향을 반복합니다.
%: 그라데이션의 크기를 조절합니다. 클수록 더 부드러운 색상 전환을 보여줍니다.
화면을 내려 다양한 예시를 확인해보세요
▼기본 텍스트 그라데이션
아름다운 그라데이션 텍스트 효과 -DnDp-
대형 텍스트 그라데이션
혁신적인 웹 디자인
네온 스타일 그라데이션
NEON GRADIENT EFFECT
배경 그라데이션 애니메이션
배경에 흐르는 그라데이션 효과
이미지 + 텍스트 그라데이션
대형 이미지 오버레이 그라데이션
카드 스타일 그라데이션
카드 형태의 그라데이션 효과
버튼 그라데이션 애니메이션
* 버튼에 마우스를 올려보세요 - 호버 시 살짝 위로 올라가는 효과가 추가됩니다.
테두리 그라데이션 애니메이션
테두리에 흐르는 그라데이션 효과