독특한 css 그라데이션 갤러리 Gradient Magic happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 이미지 > 독특한 css 그라데이션 갤러리 Gradient Magic 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

독특한 css 그라데이션 갤러리 Gradient Magic

해피팀

네티즌

소스분류

이미지

다운로드 횟수

7 회

간단설명

기본적인 그라데이션 부터 독특한 패턴의 그라데이션을 css로 구현할 수 있는 사이트

평가하기

기본적인 그라데이션 부터 독특한 패턴의 그라데이션을

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>