Filter

Classes related to filter and transform properties.

  • .invert{filter: invert(1)}.bright-1000{filter: brightness(10)}
    .blur-1 {filter: blur(1px)}.blur-2 {filter: blur(2px)}.blur-3 {filter: blur(3px)}.blur-4 {filter: blur(4px)}
    .blur-5 {filter: blur(5px)}.blur-6 {filter: blur(6px)}.blur-7 {filter: blur(7px)}.blur-8 {filter: blur(8px)}
    .blur-9 {filter: blur(9px)}.blur-0 {filter: blur(0px)}.blur-11 {filter: blur(11px)}
    .blur-12 {filter: blur(12px)}.blur-13 {filter: blur(13px)}.blur-14 {filter: blur(14px)}.blur-15 {filter: blur(15px)}
    .scale-50{transform: scale(0.5)}.scale-60{transform: scale(0.6)}.scale-70{transform: scale(0.7)}
    .scale-90{transform: scale(0.9)}.scale-110{transform: scale(1.1)}.scale-120{transform: scale(1.2)}
    .scale-150{transform: scale(1.5)}.scale-160{transform: scale(1.6)}.scale-200{transform: scale(2)}
    .scale-250{transform: scale(2.5)}
    .scale-hov-150 {transform: 0;transition: all 0.1s ease-in-out}
    .scale-hov-160 {transform: 0;transition: all 0.1s ease-in-out}
    .scale-hov-200 {transform: 0;transition: all 0.1s ease-in-out}
    .scale-hov-150:hover{transform: scale(1.5) !important;  }
    .scale-hov-160:hover{transform: scale(1.6)}
    .scale-hov-200:hover{transform: scale(2)}
    .rot-50{transform: rotate(50deg)}.rot-60{transform: rotate(60deg)}.rot-70{transform: rotate(70deg)}
    .rot-90{transform: rotate(90deg)}.rot-110{transform: rotate(110)}.rot-120{transform: rotate(120)}
    .rot-150{transform: rotate(150)}.rot-160{transform: rotate(160)}.rot-180{transform: rotate(180)}
    .rot-200{transform: rotate(200)}
    .rot-250{transform: rotate(250)}
    .rot-270{transform: rotate(270)}

Last updated