본문 바로가기 메뉴 바로가기

탐구소년

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

탐구소년

검색하기 폼
  • 분류 전체보기 (168)
    • 인문 (9)
      • 철학 (6)
      • 읽기 (2)
      • 쓰기 (1)
    • 경제 (11)
    • IT (118)
      • IT 상식 (18)
      • 프로그래밍 (68)
      • C (1)
      • 로봇코딩 (1)
      • 프로그래밍 오답노트 (2)
      • CSS (6)
      • React (19)
      • Sass (2)
    • e-book (15)
      • e-book coding (4)
    • 상식 (2)
    • 일상 (13)
      • 먹기 (10)
      • 놀기 (0)
      • 일상생활 (3)
  • 방명록

linear-gradient (1)
[CSS] linear-gradient 사용법 그리고 예제

소개 CSS 의 linear-gradient() 함수는 두 개 이상의 색이 직선을 따라 점진적으로 변화하는 이미지를 생성합니다(출처 MDN). 함수의 결과 생성되는 이미지는 이미지 요소의 한 종류이므로 이미지가 적용되는 곳에 대해서만 이를 사용할 수 있습니다. 즉 background-color 또는 color 와 같은 속성에는 사용할 수 없습니다. 사용법 linear-gradient() 함수 사용법은 다음과 같습니다. 1 linear-gradient(방향_또는_각도, 색상_그리고_정지점1, 색상_그리고_정지점2, ... 색상_그리고_정지점n); 방향 또는 각도 미리 정의된 키워드로 표현한 그라디언트 진행 방향, 또는 진행 각도를 첫 번째 인자로 전달합니다. 이는 선택사항이나, 지정하지 않을 경우 'to ..

IT/CSS 2021. 5. 1. 22:31
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바