Volný CSS Kód Generátor Pro Instagram-Styl Filtry

Jak chladné by bylo přidávat obrazové filtry na vaše stránky? Před lety by to vyžadovalo JavaScript, ale v současné době si můžete vytvořit vlastní obrazové filtry s dobrým starým HTML a CSS.

A s webovou aplikací cssFilters nemusíte ani psát žádný kód CSS!

Tento bezplatný nástroj vám pomůže vytvořit vlastní obrazové filtry pomocí filtrů CSS3. Podrobně najdete mnoho průvodců, které pokrývají vlastnost filtru CSS. Ale s cssFilters se nebudete muset obávat, jak to všechno funguje, jednoduše si přizpůsobíte nastavení a zkopírujete kód.

V horní části obrazovky si všimnete dlouhého pruhu plného vlastních filtrů Instagram. Tyto filtry zahrnují všechny populární volby, jako je Hudson, Toaster, Inkwell, Lofi a mnoho dalších.

Stačí kliknout na filtr, který chcete, a potom na tlačítko “Kód CSS” v pravém horním rohu. Odtud dostanete kód HTML i CSS. Stačí zkopírovat / vložit do svých webových stránek a můžete jít.

Tyto filtry však můžete také přizpůsobit pomocí posuvníků nastavení. Pod “generátor” kartu můžete změnit nastavení, jako je sytost a kontrast, spolu s rozostření, stupně šedi, sépie a dokonce styl překrytí jako lineární gradient nebo radiální gradient.

Pokaždé, když posunete jezdec automaticky aktualizuje kód, takže nemusíte nic ukládat.

Můžete dokonce vyměnit výchozí obrázek nahráním jednoho z počítače nebo výběrem z Unsplash.

Tato webová aplikace byla vytvořena společností Indrashish Ghosh a spouští mnoho výchozích tříd, které se nacházejí v knihovně CSSgram.

Vlastní nastavení však daleko přesahuje základní přednastavení a generování volného kódu z něj činí užitečný nástroj pro kodéry i ne-kodéry. Máme již mnoho CSS3 generátorů pro vlastnosti jako přechody na pozadí a textové stíny. A nyní máme cssFilters jako premiérový generátor obrazových filtrů CSS3.