filter: brightness(105%) contrast(110%) saturate(130%) sepia(45%);De CSS-filtergenerator is een visuele editor voor de eigenschap CSS-filter. Je verplaatst een schuifregelaar voor elke filterfunctie - vervagen, helderheid, contrast, verzadigd, grijstinten, sepia, invert, tint en dekking - en bekijkt het effect in realtime op een voorbeeld van toepassing, kopieer vervolgens de exacte CSS die het produceert.
De eigenschap Filter past grafische effecten toe zoals vervaging, kleurverschuiving en contrastaanpassing direct in de browser, zonder dat er geen afbeeldingseditor nodig is. Meerdere functies kunnen in één verklaring worden geketend en in volgorde worden toegepast, zo worden fotostijl eruitziet zoals vintage, warm en dramatisch worden gebouwd. Deze tool beheert die keten voor u en voert alleen de functies uit die u daadwerkelijk hebt gewijzigd, waardoor de CSS schoon blijft.
Alles gebeurt in uw browser. Begin met een voorinstelling zoals Vintage of Grayscale, stel elke functie fijn af en kopieer de declaratie. Geen account, geen uploads en het blijft offline werken zodra de pagina is geladen.
Kies een voorinstelling zoals Vintage, Warm, Cool, Dramatic of Graycale voor een instant look, of begin vanaf de standaard (geen filters toegepast).
Sleep de vervaging, helderheid, contrast, verzadigd, grijstinten, sepia, invert, tint-rotaat en schuifregelaars voor ondoorzichtigheid. De preview wordt direct bijgewerkt, zodat u de exacte look kunt inbellen.
Laag verschillende functies samen - bijvoorbeeld Sepia Plus Contrast Plus Saturate voor een warme filmlook. De tool ketent ze automatisch in de juiste volgorde.
Kopieer de gegenereerde filterdeclaratie, die alleen de functies bevat die u hebt gewijzigd, en plak deze op een element of afbeelding in uw stylesheet.
Vervagen, helderheid, contrast, verzadigd, grijstinten, sepia, invert, tint en ondoorzichtigheid - elke gebruikelijke CSS-filterfunctie met een speciale schuifregelaar
Alleen de functies die u daadwerkelijk wijzigt, worden naar de declaratie geschreven, zodat u nooit overbodige identiteitswaarden zoals helderheid verzendt (100%)
Een voorbeeld wordt onmiddellijk bijgewerkt terwijl u sleept, zodat u het gecombineerde effect van elk filter kunt zien voordat u een enkele regel CSS kopieert
Samengestelde recepten voor vintage, warm, koel, dramatisch, vervaagd, grijstinten, omkeren en onscherpte geven je een bewezen startpunt in plaats van een leeg canvas
Create beautiful CSS gradients with live preview
Design layered CSS box-shadows with a live preview and sliders for offset, blur, spread, color, opacity, and inset — then copy production-ready CSS.
Pick colors and convert between HEX, RGB, and HSL formats
0 comments
No comments yet. Be the first to share your thoughts!