filter: brightness(105%) contrast(110%) saturate(130%) sepia(45%);Il generatore di filtri CSS è un editor visivo per la proprietà del filtro CSS. Spostare un cursore per ogni funzione filtro - sfocatura, luminosità, contrasto, saturazione, scala di grigi, seppia, invertire, ruotare tonalità e opacità - e guardare l'effetto applicare a un'anteprima in tempo reale, quindi copiare il CSS esatto che produce.
La proprietà Filter applica effetti grafici come sfocatura, spostamento del colore e regolazione del contrasto direttamente nel browser, senza bisogno di editor di immagini. Molteplici funzioni possono essere incatenate in un'unica dichiarazione e vengono applicate in ordine, ed è così che vengono costruiti gli look in stile fotografico come vintage, caldo e drammatico. Questo strumento gestisce quella catena per te e produce solo le funzioni che hai effettivamente modificato, mantenendo pulito il CSS.
Tutto accade nel tuo browser. Inizia da un preset come vintage o in scala di grigi, perfeziona ogni funzione e copia la dichiarazione. Nessun account, nessun caricamento e continua a funzionare offline una volta caricata la pagina.
Scegli un preset come Vintage, Warm, Cool, Dramatic o Scale per un look istantaneo, oppure inizia dal valore predefinito (nessun filtro applicato).
Trascina i cursori di sfocatura, luminosità, contrasto, saturazione, scala di grigi, seppia, inverti, ruota di tonalità e opacità. L'anteprima si aggiorna istantaneamente in modo da poter comporre l'aspetto esatto.
Metti insieme diverse funzioni, ad esempio seppia più contrasto più saturare per un look da film caldo. Lo strumento li incatena automaticamente nell'ordine corretto.
Copia la dichiarazione del filtro generata, che include solo le funzioni che hai modificato e incollala su qualsiasi elemento o immagine nel foglio di stile.
Sfocatura, luminosità, contrasto, saturazione, scala di grigi, seppia, inversione, rotazione della tonalità e opacità: ogni funzione di filtro CSS comune con un dispositivo di scorrimento dedicato
Solo le funzioni che cambi effettivamente vengono scritte nella dichiarazione, quindi non spedisci mai valori di identità ridondanti come la luminosità (100%)
Un'anteprima si aggiorna istantaneamente mentre trascini, in modo da poter vedere l'effetto combinato di ogni filtro prima di copiare una singola riga di CSS
Le ricette curate per vintage, caldo, fresco, drammatico, sbiadito, in scala di grigi, inverti e sfocatura ti danno un punto di partenza collaudato invece di una tela bianca
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!