(Optioneel) Selecteer een element (alinea, kop enzovoort) waarop u de overgang wilt toepassen. U kunt ook een overgang maken en deze later toepassen op een element.
Laatst bijgewerkt op
25 apr. 2024
U kunt CSS3-overgangen maken, wijzigen en verwijderen met het deelvenster CSS-overgangen.
Als u een CSS3-overgang wilt maken, maakt u een overgangsklasse door waarden voor overgangseigenschappen van het element in te stellen. Als u een element selecteert voor u een overgangsklasse maakt, wordt de overgangsklasse automatisch toegepast op het geselecteerde element.
Je kunt ervoor kiezen om de gegenereerde CSS-code toe te voegen aan het huidige document of een extern CSS-bestand op te geven.
Een CSS3-overgangseffect maken en toepassen
Selecteer Venster > CSS-overgangen.
Klik op 
.
Maak een overgangsklasse met de opties in het dialoogvenster Nieuwe overgang.
Doelregel
Geef een naam op voor de kiezer. De kiezer kan elke CSS-kiezer zijn, zoals een tag, een regel, een id of een samengestelde kiezer. Als u bijvoorbeeld overgangseffecten wilt toevoegen aan alle <hr>-tags, voert u hr in
Overgang aan
Selecteer een status waarop u de overgang wilt toepassen. Als u bijvoorbeeld wilt dat de overgang wordt toegepast wanneer de muis over het element wordt bewogen, gebruikt u de optie voor aanwijzen.
Dezelfde overgang voor alle eigenschappen
Selecteer deze optie als je dezelfde Duur, Vertraging en Timingfunctie wilt opgeven voor alle CSS-eigenschappen waarvoor je een overgang wilt maken.
Verschillende overgang voor elke eigenschap
Selecteer deze optie als u verschillende waarden voor Duur, Vertraging en Timerfunctie wilt opgeven voor elke CSS-eigenschap waarop u de overgang wilt toepassen.
Eigenschap
Klik op om een CSS-eigenschap toe te voegen waarop u de overgang wilt toepassen.
Duur
Voer de duur in seconden (s) of milliseconden (ms) voor het overgangseffect in.
Vertraging
De tijd in seconden of milliseconden voordat het overgangseffect wordt gestart.
Timerfunctie
Selecteer een overgangsstijl bij de beschikbare opties.
Eindwaarde
De eindwaarde voor het overgangseffect. Als u bijvoorbeeld de lettergrootte wilt verhogen tot maximaal 40px aan het einde van het overgangseffect, geeft u 40px op voor de eigenschap voor lettergrootte.
Selecteren waar overgang wordt gemaakt
Als u de stijl wilt inbedden in het huidige document, selecteert u Alleen dit document.
Als u een externe stijlpagina voor de CSS3-code wilt maken, selecteert u Nieuw stijlpaginabestand. Wanneer u op Overgang maken klikt, wordt u gevraagd een locatie op te geven waar u het nieuwe CSS-bestand wilt opslaan. Nadat de stijlpagina is gemaakt, wordt deze aan het menu Selecteren waar overgang wordt gemaakt toegevoegd.
CSS3-overgangseffecten bewerken
Selecteer in het paneel CSS-overgangen het overgangseffect dat je wilt bewerken.
Klik op 
.
Gebruik het dialoogvenster Overgang bewerken als u eerder ingevoerde waarden voor de overgang wilt wijzigen.
CSS-steno voor overgangen uitschakelen
Zie Wat is een eigenschap van CSS Steno? voor informatie over CSS Steno en de voordelen ervan.
Selecteer Bewerken > Voorkeuren.
Selecteer CSS-stijlen.
Schakel Overgang uit bij Steno gebruiken voor.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
