Css

Search

css darken

.button {
  color: #ff0000;
}

/* note: 100% is baseline so 85% is slightly darker, 
   20% would be significantly darker */
.button:hover {
  filter: brightness(85%);
}

Comment

css darken

filter: brightness(85%);

> 100% = baseline
> 85% = slightly darker
> 29% = significantly darker

Comment

PREVIOUS	NEXT

Code Example
Css :: css element same line
Css :: how to move an image up in css
Css :: text outline css
Css :: bot page description background selector top.gg
Css :: GET /style.css HTTP/1.1" 404
Css :: css text vertical spacing
Css :: how to print hello world with css
Css :: text overflow ellipsis two lines
Css :: how to make all buttons same size css
Css :: make an image smaller css
Css :: tailwind css npm
Css :: position an icon in relation a parent element
Css :: change scrollbar color
Css :: fade other items on hover
Css :: padding html
Css :: background shorthand css
Css :: hover effect button css
Css :: html list over three columns
Css :: Hide scroll bar, but while still being able to scroll
Css :: ionic input line color
Css :: word spacing css
Css :: background size in css
Css :: css animation-iteration-count
Css :: css vertical align center
Css :: compass font awesome
Css :: css blur border
Css :: css transform
Css :: css image transition fade
Css :: minimum margin css
Css :: how to add outline to text in css

Search

CSS

css darken

css darken

ADD CONTENT