CSS FilterLab: Verkrijg codes voor aangepaste CSS-filters

Advertentie

Advertentie
Advertentie

Als u een webontwerper bent die werkt met moderne online ontwerpen, dan zou u al gebruik hebben gemaakt van CSS-filters en hoe deze bijdragen aan de visuele aantrekkingskracht van het ontwerp. In plaats van uw eigen filters te coderen, moet u voor het gemak naar een site met de naam CSS FilterLab kijken.

css filtercodes

CSS FilterLab is een gratis te gebruiken webservice waarmee u de codes voor CSS-filters kunt opvragen. Het enige wat u hoeft te doen, is uw gewenste filter uit een lijst selecteren. De volgende stap is om de filterinstellingen aan te passen aan uw voorkeuren. Afhankelijk van het filter, omvatten deze instellingen aanpassing van offset, kleuren, rotatiehoeken en meer.

css filterlab

Een voorbeeld van het effect van uw filter is te zien aan de rechterkant van het paneel van een afbeelding. Via de Animate-functie van de website kunt u keyframe-gebaseerde animaties maken met behulp van de filters. De code van uw filters en animaties wordt gegenereerd onder de afbeelding van waaruit u deze kunt kopiëren.

CSS FilterLab: krijg codes voor aangepaste CSS-filterscode

Kenmerken:

  • Gebruiksvriendelijke service.
  • Je filters en animaties worden gegenereerd onder de afbeelding van waaruit je het kunt kopiëren.
  • Hiermee krijgt u aangepaste CSS-filters.
  • Toont de effecten van uw filters op de afbeelding.
  • Hiermee kunt u op keyframes gebaseerde animaties maken.
  • Vergelijkbare tools: CSSLint, Gridcalc, Colorspire, CSS3 Dropshadow Generator en Layerstyles.

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

In this article