Kolor i Projekt
Generator Filtrów CSS
Live preview blur, brightness, hue-rotate and more.
.filtered {
filter: none;
}Notka redakcyjna
Understanding · Eight functions, one GPU-shader.
Ten szczegółowy rozdział jest obecnie dostępny tylko w języku angielskim. Narzędzie konwersji powyżej działa w Twoim języku; długi artykuł objaśniający nie został jeszcze przetłumaczony.
Często zadawane pytania
Quick answers.
›Which filters can I generate here?
You can adjust `blur`, `brightness`, `contrast`, `grayscale`, `hue-rotate`, `invert`, `opacity`, `saturate`, and `sepia` settings.
›Are CSS filters performant?
Most filters are hardware-accelerated by the browser. However, large `blur` values or applying many filters to large images can impact scroll performance on lower-end devices.
›What browser support should I expect?
Modern browsers have excellent support for CSS filters. For older environments like Internet Explorer, these effects will gracefully degrade and simply not show.
›Can I apply multiple filters at once?
Yes. The tool combines all active values into a single `filter` property string, which is the standard way to chain multiple effects in CSS.
Ludzie wyszukują również
Powiązane narzędzia
More in this room.
- Generator gradientówLiniowe, promieniowe i stożkowe gradienty CSS.
- Generator cienia pudełka (Box Shadow)Wizualny edytor CSS box-shadow.
- Generator zaokrąglenia rogów (Border Radius)Edytor CSS border-radius dla każdego rogu.
- Edytor krzywych BézieraWizualnie projektuj krzywe łagodzące CSS.
- Generator Animacji CSSTwórz klatki kluczowe wizualnie, kopiuj gotowy do wklejenia kod CSS.
- Generator GlassmorfizmuKarty interfejsu użytkownika w stylu mrożonego szkła z filtrem backdrop-filter.