클리엘
CLIEL LAB
클리엘
전체 방문자
131,483
오늘
133
어제
331
  • 분류 전체보기 (442) N
    • Mobile (47)
      • Kotlin (47)
    • Web (84)
      • NestJS (9)
      • HTML5 & CSS3 (38)
      • Javascript (20)
      • TypeScript (6)
      • JQuery (11)
    • .NET (233) N
      • C# (57) N
      • ASP.NET Core (31)
      • Windows API for .NET (128)
    • Server (50)
      • SQL Server (8)
      • MariaDB (18)
      • Windows Server (5)
      • node.js (19)
    • System (12)
      • 작업LOG (12)
    • Review (11)
    • ETC (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 블로그 정리

인기 글

  • [C#] C#과 .NET6 시작하기 - 3.⋯
    2022.06.24
    [C#] C#과 .NET6 시작하기 - 3.⋯
  • [C#] C# 개요 - 3. 기타 Consol⋯
    2022.06.24
    [C#] C# 개요 - 3. 기타 Consol⋯
  • [C#] 인터페이스(Interface)와⋯
    2022.06.24
    [C#] 인터페이스(Interface)와⋯
  • [C#] 예외처리
    2022.06.24
    [C#] 예외처리
  • [C#] C#과 OOP(Object-Oriented⋯
    2022.06.24
    [C#] C#과 OOP(Object-Oriented⋯

태그

  • node.js
  • c#
  • .NET
  • android
  • 메서드
  • JavaScript
  • asp.net core
  • CSS3
  • jQuery
  • Kotlin
  • Windows API
  • TypeScript
  • android studio
  • 변수
  • asp.net core web api
  • CentOS
  • MariaDB
  • EF-Core
  • NestJS
  • HTML5

최근 댓글

  • 흠... CACLS는 더이상 사용하지⋯
    클리엘
  • 안녕하세요! 아래 명령 하고부⋯
    방문자
  • 죄송합니다. 관련글을 작성한지⋯
    클리엘
  • 네 맞습니다. 본문에서는 표기⋯
    클리엘
  • 6000 ms 는 6초아닌가요?
    react

최근 글

  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
    [C#] LINQ(Language INtegrated⋯
  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
    [C#] LINQ(Language INtegrated⋯
  • [.NET] 닷넷 Type 사용하기 - 8⋯
    2022.06.26
    [.NET] 닷넷 Type 사용하기 - 8⋯
  • [.NET] 닷넷 Type 사용하기 - 7⋯
    2022.06.26

티스토리

hELLO · Designed By 정상우.
클리엘

CLIEL LAB

[HTML5&CSS3] 선형 그레디언트(linear-gradient)
Web/HTML5 & CSS3

[HTML5&CSS3] 선형 그레디언트(linear-gradient)

2019. 11. 25. 13:38
728x90

색상에 선형 그레디언트(linear-gradient)를 표현하려면 linear-gradient 함수를 사용할 수 있으며 해당 함수는 CSS3전용입니다.

<style type="text/css">
    div {
        background: linear-gradient(45deg, gray 10%, white 100%);
    }
</style>

첫 번째 속성의 값은 그레디언트를 그릴 각도이며 이어서 시작 색상 및 위치(% 단위)와 종료 색상 및 위치를 지정하면 됩니다.

728x90
저작자표시비영리변경금지

'Web > HTML5 & CSS3' 카테고리의 다른 글

[HTML5&CSS3] 뷰포트(viewport)  (0) 2019.12.17
[HTML5&CSS3] 벤더 프리픽스(vendor prefix)  (0) 2019.12.05
[HTML5&CSS3] 선형 그레디언트(linear-gradient)  (0) 2019.11.25
[HTML5&CSS3] 그림자 효과  (0) 2019.11.19
[HTML5&CSS3] 위치  (0) 2019.11.13
[HTML5&CSS3] float  (0) 2019.11.08
    'Web/HTML5 & CSS3' 카테고리의 다른 글
    • [HTML5&CSS3] 뷰포트(viewport)
    • [HTML5&CSS3] 벤더 프리픽스(vendor prefix)
    • [HTML5&CSS3] 그림자 효과
    • [HTML5&CSS3] 위치
    CSS3, HTML5, linear-gradient
    클리엘
    클리엘
    누구냐 넌?
    댓글쓰기
    다음 글
    [HTML5&CSS3] 벤더 프리픽스(vendor prefix)
    이전 글
    [HTML5&CSS3] 그림자 효과
    • 이전
    • 1
    • ···
    • 280
    • 281
    • 282
    • 283
    • 284
    • 285
    • 286
    • 287
    • 288
    • ···
    • 442
    • 다음

    티스토리툴바