w3.css

색상 테마

W3.CSS를 사용하면 색상 테마로 애플리케이션을 쉽게 사용자 정의할 수 있다.

여러분이 해야 할 일은 미리 정의된(또는 직접 만든) 테마에 대한 링크를 추가하는 것뿐이다.

예제

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-indigo.css">

사전 정의된 테마

다음은 W3.CSS에 사전 정의된 테마다.

그라디언트 추가

한 독자가 우리에게 다음과 같은 제안을 보냈습니다. 각 테마에 그라디언트를 추가하는 것이 좋다.

이 그라데이션을 만들기 위해 파란색 테마의 l2 및 l1 색상을 사용했다.

예제

.w3-theme-gradient {
  color: #000 !important;
  background:-webkit-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
  color: #000 !important;
  background:-moz-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
  color: #000 !important;
  background:-o-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
  color: #000 !important;
  background:-ms-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
  color: #000 !important;
  background: linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

다운로드 가능한 색상 테마

다음은 Google의 머티리얼 디자인에서 영감을 받은 다운로드 가능한 색상 테마다.

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기