Operation Manual

243
CSS
Last updated 11/30/2015
Property Click to add a CSS property to transition.
Duration Enter a duration in seconds (s) or milliseconds (ms) for the transition effect.
Delay The time, in seconds or milliseconds, before the transition effect starts.
Timing function Select a transition style from the available options.
End Value The end value for the transition effect. For example, if you want the font-size to increase to 40px at the
end of the transition effect, specify 40px for the font-size property.
Choose Where To Create The Transition To embed the style in the current document, select This Document Only.
If you want to create an external style sheet for the CSS3 code, select New Style Sheet File. When you click Create
Transition, you are prompted for a location to save the new CSS file. After the style sheet is created, it is added to the
Choose Where To Create Transition menu.
Edit CSS3 transition effects
1 In the CSS Transitions panel, select the transition effect that you want to edit.
2 Click .
3 Use the Edit Transition dialog to change previously entered values for the transition.
Disable CSS shorthand for Transitions
See What is a CSS Shorthand Property? for information on CSS Shorthand, and its benefits.
1 Select Edit > Preferences.
2 Select CSS Styles.
3 In Use Shorthand For, deselect Transition.
Use Dreamweaver sample style sheets
Note: In Dreamweaver CC and later, CSS Styles panel is replaced with CSS Designer. For more information, see CSS
Designer.
Dreamweaver provides sample style sheets that you can apply to your pages or that you can use as starting points to
develop your own styles.
1 Open the CSS Styles panel by doing one of the following:
• Select Window > CSS Styles.
• Press Shift+F11.
2 In the CSS Styles panel, click the Attach External Style Sheet button. (It’s in the lower-right corner of the panel.)
3 In the Attach External Style Sheet dialog box, click Sample Style Sheets.