본문 바로가기

HTML, CSS, javascript/이론

CSS (9)

shadow 속성

 - 태그에 그림자를 부여해주는 속성

 - 글자에 그림자를 부여하고 싶을 경우 text-shadow 속성을 사용하고 박스에 부여하고 싶을 경우에는 box-shadow를

  사용한다.

 - 속성 값은 오른쪽 아래 흐림정도 색상 순으로 입력한다.

gradient 속성

 - 2가지 이상의 색상을 혼합해서 사용하고 싶을 때 사용하며, 방향 설정도 가능하다.

 - 모양과 방향을 설정하고, 원하는 퍼센트 마다 색을 정해줄 수 있다.

 - 처음에 설정하기는 힘들기 때문에 쉽게 설정할 수 있는 사이트를 이용하는것이 도움이 된다.

   아래 링크를 들어가면 쉽게 설정할 수 있다.

https://www.colorzilla.com/gradient-editor/

'HTML, CSS, javascript > 이론' 카테고리의 다른 글

flex 관련 이론 (1)  (0) 2022.06.13
정렬 관련 복습  (0) 2022.06.09
CSS (8)  (0) 2022.06.02
CSS (7)  (0) 2022.05.31
CSS (6)  (0) 2022.05.30