Gebruik css-effecten om visuele effecten aan uw elementen toe te voegen of in te stellen hoe deze elementen worden gemengd met overlappende elementen. Css-effecten kunnen worden geanimeerd en overschreven in mediaregels.
U vindt de instellingen voor css-effecten in het deelvenster Css-effecten als 1 element is geselecteerd. Als het deelvenster niet zichtbaar is in uw werkruimte, zet u het aan via het menu Venster.
Css-effecten kunnen niet worden toegepast op maskers.
Mix-blend-modus
De mix-blend-modus bepaalt op basis van de waarden voor kleurtoon, verzadiging en helderheid van de element- en achtergrondkleuren hoe de content van het element wordt gemengd met de achtergrond van het element.
Zo past u een mix-blend-modus toe:
- Selecteer het element dat u wilt mengen met de achtergrond.
- Gebruik het dropdownmenu Mix-blend-modus in het deelvenster Css-effecten om een mix-blend-modus te kiezen.
Selecteer verschillende blend-modi om een voorbeeld van het effect te bekijken. Als een element niet mengt zoals verwacht, gaat u na of het geselecteerde element vóór de andere elementen staat waarmee u wilt mengen.
Lijst met mix-blend-modi
- Normaal (geen effect): Geen menging.
- Kleur: Gebruikt de kleurtoon en verzadiging van de elementkleur en de lichtsterkte van de achtergrondkleur.
- Kleur doordrukken: De achtergrondkleur wordt omgekeerd en gedeeld door de elementkleur en het resultaat wordt omgekeerd.
- Kleur tegenhouden: De achtergrondkleur wordt gedeeld door het omgekeerde van de elementkleur.
- Donkerder: De kleur van het element of de achtergrond wordt gebruikt, afhankelijk van welke van de 2 het donkerst is.
- Verschil: De donkerdere kleur wordt afgetrokken van de lichtere kleur.
- Uitsluiting: Werkt hetzelfde als de modus Verschil, maar met minder contrast.
- Hard licht: De modus Vermenigvuldigen wordt toegepast als het element donkerder is dan de achtergrond, of de modus Scherm als het element lichter is.
- Kleurtoon: De kleurtoon van de elementkleur en de verzadiging en de lichtsterkte van de achtergrondkleur worden gebruikt.
- Lichter: De kleur van het element of de achtergrond wordt gebruikt, afhankelijk van welke van de 2 het lichtst is.
- Lichtsterkte: De lichtsterkte van de elementkleur en de kleurtoon en verzadiging van de achtergrondkleur worden gebruikt.
- Vermenigvuldigen: De elementkleur wordt vermenigvuldigd met de achtergrondkleur.
- Overlay: De modus Vermenigvuldigen wordt toegepast als het element lichter is dan de achtergrond, of de modus Scherm als het element donkerder is.
- Verzadiging: De verzadiging van de elementkleur en de kleurtoon en lichtsterkte van de achtergrondkleur worden gebruikt.
- Scherm: De elementen en achtergrondkleuren worden omgekeerd en vermenigvuldigd en het resultaat wordt omgekeerd.
- Zacht licht: Werkt op dezelfde manier als de modus Hard licht maar met een zachter effect.
Filters
Met filters kunt u visuele effecten aan een element toevoegen via css, zoals vervaging of valschaduw.
In videodocumenten en beeldadvertenties kunt u het gereedschap Achtergrond gebruiken om css-filters toe te passen op het gedeelte achter een element.
Een filter toevoegen
Zo voegt u een nieuw filter toe:
- Selecteer het element waaraan u een filter wilt toevoegen.
- Klik in het deelvenster Css-effecten op Filters toevoegen
.
- Selecteer het filter dat u wilt toepassen. De volgende filters zijn beschikbaar:
- Pas zo nodig de configuratieopties aan. (Kijk hieronder voor meer informatie.)
.U kunt meerdere filters toevoegen aan een element. In dat geval kunt u de filters opnieuw rangschikken.
Lijst met filters
VervagenPast een vervaging toe op het element.
Configuratieopties
- Straal: De straal van de vervaging, van 0 tot 100 pixels.
Hiermee wordt het element helderder of minder helder gemaakt.
Configuratieopties
- Percentage: Met 0% wordt het element zwart. Met 100% blijft het element ongewijzigd. Het maximale percentage is 1000%.
Past het contrast van het element aan.
Configuratieopties
- Percentage: Met 0% wordt het element grijs. Met 100% blijft het element ongewijzigd. Het maximale percentage is 1000%.
Voegt een valschaduw toe aan het element.
Configuratieopties
- Verschuiving x: De horizontale afstand tot de valschaduw, van -100 pixels tot 100 pixels.
- Verschuiving y: De verticale afstand tot de valschaduw, van -100 pixels tot 100 pixels.
- Straal: De vervaging van de schaduw, van 0 tot 100 pixels.
- Kleur: De kleur van de schaduw.
Converteert het element naar grijstinten.
Configuratieopties
- Percentage: Met 0% blijft het element ongewijzigd. Met 100% wordt het element volledig grijs gemaakt.
Past de kleuren van het element aan.
Configuratieopties
- Hoek: Het aantal graden dat wordt gedraaid rond het kleurenwiel, van 0° tot 360°.
Keert de kleuren van het element om.
Configuratieopties
- Percentage: Met 0% blijft het element ongewijzigd. Met 100% wordt de kleur van het element omgekeerd.
Wijzigt de transparantie van het element.
Configuratieopties
- Percentage: Met 0% wordt het element volledig transparant. Met 100% blijft element ongewijzigd.
Verzadigt het element.
Configuratieopties
- Percentage: Met 0% wordt het element volledig niet-verzadigd. Met 100% blijft het element ongewijzigd. Het maximale percentage is 1000%.
Converteert het element naar sepia.
Configuratieopties
- Percentage: Met 0% blijft het element ongewijzigd. Met 100% wordt het element volledig sepia.
Filters opnieuw rangschikken
Als meerdere filters op hetzelfde element van toepassing zijn, worden ze toegepast in de volgorde waarin ze in het deelvenster Css-effecten worden weergegeven.
Zo rangschikt u filters opnieuw:
- Plaats de muisaanwijzer op de naam van het filter dat u opnieuw wilt rangschikken. U ziet 3 stippen
.
- Gebruik de stippen als handgreep en sleep het filter naar de gewenste plaats in het deelvenster.
Een filter verbergen
U kunt een filter verbergen zodat het effect niet wordt weergegeven op het werkvlak, in voorbeelden of in gepubliceerde bestanden.
Zo verbergt u een filter:
- Plaats de muisaanwijzer op de filternaam.
- Klik op het icoon Verbergen
.
- Als u het filter weer wilt weergeven, klikt u op het icoon Weergeven
.
De bedieningselementen voor verborgen filters kunnen niet worden bewerkt.
Een filter verwijderen
Zo verwijdert u een filter:
- Plaats de muisaanwijzer op de filternaam.
- Klik op het icoon Verwijderen
.