۰ Donya
بهترین best practice و ترتیب برای استفاده از filter ها
جامعه Html & CSS ایجاد شده در ۱۰ مرداد ۱۴۰۴
img {
  filter:
    blur(5px)                 /* Unit: px — pixels */
    brightness(120%)          /* Unit: % — 100% = original brightness */
    contrast(110%)            /* Unit: % — 100% = original contrast */
    grayscale(80%)            /* Unit: % — 0% = color, 100% = full gray */
    sepia(60%)                /* Unit: % — 0% = none, 100% = full sepia */
    saturate(140%)            /* Unit: % — 100% = normal, >100% = more color */
    hue-rotate(45deg)         /* Unit: deg — degrees (0deg to 360deg) */
    invert(10%)               /* Unit: % — 0% = normal, 100% = full invert */
    drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.3)); /* Units: like box-shadow */
}