Генератор ЦСС филтера

Сваки генератор ЦСС филтера вам омогућава да сложите замућење(), осветљеност(), контраст() и остало — али скоро ниједан од њих не дозвољава да редослед буде битан, јер већина примењује филтере само у једном фиксном низу. Овај је другачији: ланац филтера је права листа која се може преуредити направљена помоћу изворног ХТМЛ5 превлачења и испуштања, а преуређивање две функције заиста мења приказане пикселе, баш као што би то било у продукцијском ЦСС-у. Замагљивање-па-нијанса-ротирање изгледа другачије од нијанси-ротирај-па-замути, и сада можете да видите зашто пре него што га пошаљете.

Отпремите сопствену фотографију и девет функција које се могу ланчати — замућење, осветљеност, контраст, засићење, ротирање нијанси, сепија, сиви тонови, инвертовање и сенка — примените уживо на њу као стварну `филтерску` ЦСС декларацију на елементу `<имг>`, а не као симулирани узорак. Додајте функцију из селекције, превуците њен ред горе или доле на листи да бисте променили њену позицију у ланцу, прилагодите њен клизач и ажурирање линије за преглед и копирање `филтер: ...;` на сваком уносу. Уклоните корак са сопственим дугметом, управо тамо у реду.

Други, мањи ланац гради вредност „филтер позадине“ примењену на панел са преклапањем који се налази изнад прегледа, тако да можете да видите ефекат матираног стакла — технику иза модерних прозирних навигационих трака и модалних позадина — без додиривања сопственог филтерског ланца основне слике. Ради чак и пре него што отпремите фотографију, на шареној позадини чувара места, тако да можете да бирате мат дизајн панела за неколико секунди.

Када преглед изгледа исправно, копирајте ЦСС директно из оквира за излаз или извезите прави ПНГ: исти стринг филтера се предаје својству `цтк.филтер` контекста Цанвас 2Д — које користи идентичну синтаксу као својство ЦСС `филтер` — и платно се конвертује у датотеку за преузимање са `б()`.тоБ. Извезена слика се тачно поклапа са прегледом уживо, јер је производи исти низ филтера који пролази кроз исти примитив за рендеровање. Све се дешава локално у вашем претраживачу; ваша фотографија се никада нигде не поставља.