lighten/darken

CSS顏色深淺調整法lighten/darken

  • lighten:變淺
  • darken:變深
h3.lighten lighten color
h3.natural natural color
h3.darken darken color
.lighten
 //lighten(color code, percentage)
 color: lighten(#2f85a3, 25%)

.natural
 color: #2f85a3
 
.darken
 color: darken(#2f85a3, 25%)

Display

lighten color

natural color

darken color

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *