[CSS] Gradient, Box shadow 사이트 추천

css를 하면서 그라디언트나, box shadow를 사용해서 더 풍푸한 디자인적 요소를 주기도 합니다.

 

제가 소개해드릴 사이트는 전에 

 

https://cheese-donut.tistory.com/13?category=931174 

어플을 만들 때 필요한 것 - 1. Gradient Site (그라데이션 사이트 추천)

전 포스팅에도 다양한 그라디언트 사이트가 많이 있습니다!

 

 

그럼 바로 gradient 사이트를 알려드리도록 하겠습니다

1. CSS Gradient

이 사이트는 자신이 직접 그라디언트를 만들 수 있다는 장점이 있는데요

** Linear - 색의 변화가 일직선으로 나옵니다 (각도도 움직일 수 있습니다)

** Radial - 원형으로 색의 변화가 일어납니다

원하는 색을 선택한 후에 css 코드로 쉽게 변환됩니다!

 

만약 이미 디자인이 어느정도 된 후 코드로 바꿀 때 사용하기 좋습니다~!~!

 

https://cssgradient.io/

CSS Gradient — Generator, Maker, and Background

 

2. Box Shadow CSS

박스에 그림자를 줄 때 많이 사용합니다.

왼쪽에 있는 조절바로 원하는 그림자의 느낌을 줄 수 있습니다!

 

그 외에도 Text Shadow도 있고 여러가지 사용해 보면 좋은 사이트 입니다 ㅎㅎ

https://html-css-js.com/css/generator/box-shadow/

Box Shadow CSS Generator