CSS FilterLab: Hämta koder för anpassade CSS-filter

Annons

Annons
Annons

Om du är en webbdesigner som arbetar med moderna online-mönster, skulle du redan ha använt CSS-filter och hur de lägger till designens visuella överklagande. Snarare än att du kodar upp dina egna filter, bör du kolla in en webbplats som heter CSS FilterLab för bekvämlighet.

css filterkoder

CSS FilterLab är en fri att använda webbtjänst som låter dig få koderna för CSS-filter. Allt du behöver göra är att välja önskat filter från en lista. Nästa steg är att justera filterinställningarna så att de matchar dina inställningar. Beroende på filtret innehåller dessa inställningar offsetjustering, färger, rotationsvinklar och mer.

css filterlab

En förhandsvisning av ditt filters effekt kan ses på höger sida av rutan på en bild. Genom webbplatsens animeringsfunktion kan du skapa nyckelbilder med animerade filter med hjälp av filtren. Koden för dina filter och animationer genereras under bilden där du kan kopiera den.

CSS FilterLab: Hämta koder för anpassad CSS-filterkod

Funktioner:

  • Användarvänlig service.
  • Dina filter och animeringar genereras under bilden där du kan kopiera den.
  • Låter dig få anpassade CSS-filter.
  • Visar effekter av dina filter på bilden.
  • Låter dig skapa nyckelramarbaserade animeringar.
  • Liknande verktyg: CSSLint, Gridcalc, Colorspire, CSS3 Dropshadow Generator och Layerstyles.

Kolla in CSS FilterLab @ http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab

In this article