Spear — Learn to Code

Docs/CSS/Filters

CSS Filters

blur(px)
brightness(%)
contrast(%)
grayscale(%)
sepia(%)
saturate(%)
hue-rotate(deg)
invert(%)
drop-shadow()

style.css

.filter-img {
  width:120px;
  height:80px;
  border-radius:8px;
  object-fit:cover;
}
.f-label {
  text-align:center;
  font-size:12px;
  font-weight:bold;
  margin-top:4px;
}