(Valfritt) Markera ett element (stycke, rubrik osv.) som du vill lägga till övergången till. Du kan också skapa en övergång och använda den för ett element senare.
Senast uppdaterad den
25 apr. 2024
Du kan skapa, ändra och ta bort CSS3-övergångar med panelen CSS-övergångar.
Om du vill skapa en CSS3-övergång ska du skapa en övergångsklass genom att ange värden för elementets övergångsegenskaper. Om du markerar ett element innan du skapar en övergångsklass appliceras övergångsklassen automatiskt på det markerade elementet.
Du kan välja att lägga till den genererade CSS-koden till det aktuella dokumentet eller ange en extern CSS-fil.
Skapa och applicera CSS3-övergångseffekter
Välj Fönster > CSS-övergångar.
Klicka 
.
Skapa en övergångsklass med hjälp av alternativen i dialogrutan Ny övergång.
Målregel
Ange ett namn på väljaren. Väljaren kan vara valfri CSS-väljare, till exempel en tagg-, regel-, ID- eller sammansättningsväljare. Om du till exempel vill lägga till övergångseffekter för alla <hr>-taggar anger du hr
Övergång vid
Välj ett läge som övergången ska användas för. Om du till exempel vill använda övergången när muspekaren rör sig över elementet ska du använda alternativet hover.
Använd samma övergång för alla egenskaper
Välj det här alternativet om du vill ange samma Varaktighet, Fördröjning och Tidsfunktion för alla CSS-egenskaper som du vill animera med övergångar.
Använd olika övergångar för varje egenskap
Välj det här alternativet om du vill ange olika Varaktighet, Fördröjning och Timingfunktion för alla CSS-egenskaper som du vill använda övergångar för.
Egenskap
Klicka på om du vill lägga till en CSS-egenskap för övergången.
Varaktighet
Ange en varaktighet i sekunder (s) eller millisekunder (ms) för övergångseffekten.
Fördröjning
Tiden, i sekunder eller millisekunder, innan övergångseffekten startar.
Timingfunktion
Välj ett övergångsformat bland de tillgängliga alternativen.
Slutvärde
Slutvärdet för övergångseffekten. Om du till exempel vill att typsnittsstorleken ska öka till 40px i slutet av övergångseffekten ska du ange 40px för egenskapen typsnittsstorlek.
Välj var övergången ska skapas
Om du vill bädda in formatet i det aktuella dokumentet markerar du Endast detta dokument.
Om du vill skapa en extern formatmall för CSS3-koden markerar du Ny formatmallsfil. När du klickar på Skapa övergång ombeds du ange en plats där du vill spara den nya CSS-filen. Efter att formatmallen skapats läggs den till i menyn Välj var övergången ska skapas.
Redigera CSS3-övergångseffekter
I panelen CSS-övergångar väljer du den övergångseffekt som du vill redigera.
Klicka på 
.
Använd dialogrutan Redigera övergång om du vill ändra värden som du tidigare angett för övergången.
Inaktivera CSS-kortskrift för övergångar
I Vad är en CSS-egenskap i kort notation? finns mer information om kort notation för CSS och fördelarna med det.
Välj Redigera > Inställningar.
Välj CSS-format.
Avmarkera Övergång i Använd kortskrift för.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
