목록Gradient (4)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Animated CSS Gradient Text 텍스트 애니메이션

linear-gradient, background-clip, text-fill-color 속성을 이용했습니다. 데모사이트나 첨부파일을 다운로드 받아서 소스를 확인 할 수 있습니다.
웹프로그램밍 자료실/HTML 자료 2025. 3. 5. 09:25
[해피CGI][cgimall] CSS GEARS - 색알못을 위한 그라디언트 컬러 추천 사이트

그라디언트 컬러코드를 추천하고, 실시간으로 컬러를 변경해서 매칭해 볼 수 있는 유용한 사이트를 소개합니다. 각 카드의 하단에있는 숫자를 클릭하면 색상 코드를 복사 할 슬라이드를 조정하면 특정 범위 내에서 조정도 할 수있게되어 있습니다. 또한 각 카드에 호버하면 아이콘이 표시되고 각 컬러 코드의 변경 CSS 코드의 복사 Adobe XD와 Sketch에서 사용할 수있는 소재의 다운로드 수 있습니다.
웹프로그램밍 자료실/기타 자료 2024. 2. 7. 09:16
[해피CGI][cgimall] Gradient by ShapeFactory -그라데이션 코드와 CSS 코드 확인 가능 사이트

멋진 그라데이션 컬러를 알고 싶을 때 유용한 사이트를 소개 해 드립니다. 그라디언트 기본적인 색상의 목록이 포함되어 있기 때문에 빠르게 선택 색상 코드와 CSS로 구현하는 코드를 확인할 수 있습니다. 또한 직접 원하는대로 조정 한 다음 코드 출력은 물론 디자인에 사용할 소재로 다운로드 할 수 있도록도되어 있습니다.
웹프로그램밍 자료실/기타 자료 2024. 2. 6. 09:41
[해피CGI][cgimall] Gradient text color 그레이디언트 텍스트 색상

background-clip: text; 뒤에 있을 배경을 텍스트 부분에만 적용합니다. color: transparent; 텍스트의 색상을 투명하게 하여 배경이 보이게 합니다. background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%); 배경으로 그레이디언트 색상을 넣어줍니다. 배경이미지도 적용할 수 있습니다.
웹프로그램밍 자료실/HTML 자료 2023. 12. 29. 09:06
Prev 1 Next