Operation Manual
CSS3-overgangseffecten
Naar boven
Doelregel
Overgang aan
Dezelfde overgang voor alle eigenschappen
Verschillende overgang voor elke eigenschap
Eigenschap
Duur
Vertraging
Timerfunctie
Eindwaarde
Selecteren waar overgang wordt gemaakt
Naar boven
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.
U kunt de gegenereerde CSS-code toevoegen aan het huidige document of een extern CSS-bestand opgeven.
Een CSS3-overgangseffect maken en toepassen
1. (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.
2. Selecteer Venster> CSS-overgangen.
3. Klik op
.
4. Maak een overgangsklasse met de opties in het dialoogvenster Nieuwe overgang.
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.
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.
Selecteer deze optie als u dezelfde waarden voor Duur, Vertraging en Timerfunctie wilt
opgeven voor alle CSS-eigenschappen waarop u de overgang wilt toepassen.
Selecteer deze optie als u verschillende waarden voor Duur, Vertraging en Timerfunctie
wilt opgeven voor elke CSS-eigenschap waarop u de overgang wilt toepassen.
Klik op
om een CSS-eigenschap toe te voegen waarop u de overgang wilt toepassen.
Voer de duur in seconden (s) of milliseconden (ms) voor het overgangseffect in.
De tijd in seconden of milliseconden voordat het overgangseffect wordt gestart.
Selecteer een overgangsstijl bij de beschikbare opties.
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.
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
1. Selecteer in het deelvenster CSS-overgangen het overgangseffect dat u wilt bewerken.
277