CSS generator filtera
Izradite i vizualizirajte prilagođene CSS slikovne filtre
Preview
CSS Code
Kontrole filtra
Popularni filtri
Vintage
Neon Glow
Polaroid
Vintage Film
Digitalna umjetnost
Kako koristiti CSS filtre
Što su CSS filtri?
CSS filtri omogućuju vam primjenu grafičkih efekata poput zamućenja ili promjene boje na element. Obično se koriste za slike, pozadine i obrube.
Filtri se mogu koristiti za stvaranje vizualnih efekata, poboljšanje slika ili stvaranje jedinstvenih elemenata dizajna bez potrebe za vanjskim alatima za uređivanje slika.
Podržana svojstva CSS filtra
-
blur()- Primjenjuje Gaussovo zamućenje na element. -
brightness()- Podešava svjetlinu elementa. -
contrast()- Podešava kontrast elementa. -
grayscale()- Pretvara element u sive tonove. -
hue-rotate()- Primjenjuje rotaciju nijanse na element. -
invert()- Obrće boje elementa. -
opacity()- Podešava neprozirnost elementa. -
saturate()- Zasićuje ili desaturira element. -
sepia()- Pretvara element u sepiju.
Kako primijeniti filtre
Koristeći CSS kod koji generira ovaj alat, možete primijeniti filtre na bilo koji HTML element. Evo kako:
1. Odaberite element
Odaberite HTML element na koji želite primijeniti filtar. To može biti slika, pozadina ili bilo koji drugi element.
2. Dodajte razred ili ID
Ako element već nema klasu ili ID, dodajte ga kako biste ga lakše ciljali pomoću CSS-a.
3. Primijenite filtar
Koristite CSSfilteru tablici stilova ili umetnutom stilu da biste primijenili generirani filtar.
.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }4. Kombinirajte više filtara
Možete kombinirati više funkcija filtriranja tako da ih navedete jednu za drugom, odvojene razmacima.
filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);Kompatibilnost preglednika
CSS filtri široko su podržani u modernim preglednicima, uključujući Chrome, Firefox, Safari, Edge i Opera. Međutim, stariji preglednici poput Internet Explorera ih ne podržavaju.
Related Tools
Pretvarač olovke u CSS
Transform your SCSS code into CSS. Fast, easy, and secure.
CSS Minifier
Komprimirajte i optimizirajte svoj CSS kod s profesionalnom preciznošću
CSS generator trake za pomicanje
S lakoćom prilagodite trake za pomicanje svoje web stranice
Pretvorite JSON u Java klase
Generate Java classes from JSON data with proper annotations and getters/setters. Fast, secure, and completely browser-based.
Tekst u heksadecimalno
Pretvaranje teksta u heksadecimalni prikaz bez napora
Pretvarač duljine
Convert between different units of length with ease and precision. Perfect for everyday use and professional applications.