일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #홈페이지
- 쇼핑몰
- jquery
- #뉴스
- 홈페이지
- CGIMALL
- 해피CGI
- #홈페이지제작
- #happycgi
- #해피CGI
- #웹솔루션
- happycgi
- 홈페이지제작
- #image
- javascript
- 게시판
- #jQuery
- 해피씨지아이
- #동영상
- #cgimall
- #이미지
- #CSS
- #업종별
- 솔루션
- php
- #솔루션
- 웹솔루션
- 사이트제작
- CSS
- #쇼핑몰
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 독특한 css 그라데이션 갤러리 Gradient Magic 본문
기본적인 그라데이션 부터 독특한 패턴의 그라데이션을
css로 구현할 수 있게 해주는 사이트 'gradient magic'을
소개합니다.
그라데이션 패턴 스타일, 색상별로 원하시는 그라데이션을 찾아볼 수 있습니다.
standard
angular
stripes
checkered
burst
위 5가지 스타일의 그라데이션을 확인 할 수 있습니다.
원하는 그라데이션을 선택하여 클릭하시면 큰화면으로 그라데이션을 확인할 수 있습니다.
그라데이션 썸네일 우측하단의 copy css를 통해
해당 그라데이션에 사용된 css소스를 복사하여 사용할 수 있습니다.
복사된
소스는 backgroud css로 사용하시면 됩니다.
사용 예시)
<div style="width:500px;
height:500px; background:linear-gradient(135deg, rgb(68, 202, 201)
0%,rgb(252, 255, 114) 100%)"></div>
예시와 같이 직접 소스를 사용하셔서 독특한 패턴의 그라데이션들도 사용해보시길 추천드립니다.
'웹프로그램밍 자료실 > 기타 자료' 카테고리의 다른 글
[해피CGI][cgimall] 국토교통부 각종 정류소 및 운항정보 Open API (0) | 2019.10.01 |
---|---|
[해피CGI][cgimall] 다양한 기업 로고 및 국기 다운로드 사이트 Instant Logo Search (0) | 2019.09.27 |
[해피CGI][cgimall] 이미지 마우스 오버시 다양한 캡션효과 moyu (0) | 2019.09.25 |
[해피CGI][cgimall] 색을 선택하면 어울리는 다섯가지 색상을 매치해주는 사이트 colormatch5k (0) | 2019.09.24 |
[해피CGI][cgimall] 색상으로 디자인 검색이 가능한 사이트 DESIGNSPIRATION (0) | 2019.09.20 |
Comments