CSS를 이용해서 그라디언트 효과를 나타낼 수 있다. 하지만 포토샵만큼 정교하게 원하는 그라디언트 디자인을 구현하기 쉽지 않아 보통은 그라디언트 이미지를 사용했다. 그런데 이번에 원하는 디자인으로 그라디언트 CSS 소스가 자동 생성되는 유용한 사이트를 알게 기록해 두려 한다.
* 사이트명을 클릭하면 해당 페이지로 이동합니다.
CSS Gradient 사이트
CSS Gradient 사이트는 색상 추가가 자유롭고 다양한 효과가 바로바로 적용되기 때문에 쉽고 빠르게 그라디언트 CSS를 만들 수 있다. 원하는 그라디언트 디자인이 완성되었다면 하단에 CSS 코드만 복사해 넣어주면 자신이 만든 그라디언트 디자인이 적용된다.
'유용한사이트' 카테고리의 다른 글
| HTML, CSS 크로스브라우징 확인하는 사이트 (0) | 2022.09.14 |
|---|---|
| html에 의미없는 텍스트 채우는 방법 (0) | 2022.09.07 |
| 이미지로 폰트 찾아 주는 사이트 (0) | 2022.08.25 |
| 디자인 참고에 좋은 컬러 조합 사이트 (0) | 2022.08.23 |
댓글