Website overview: Since 1996 the Study Guides and Strategies Website has been researched, authored, maintained and supported as an international, learner-centric, educational public service. Permission is granted to freely copy, adapt, and distribute individual Study Guides in print format in non-commercial educational settings that benefit learners. Please be aware that the Guides welcome, and are under, continuous review and revision. For that reason, digitization and reproduction of all content on the Internet can only be with permission through a licensed agreement. Linking to the Guides is encouraged!
Effectively constructing each transition often depends upon your ability to identify words or phrases that will indicate for the reader the kind of logical relationships you want to convey. The table below should make it easier for you to find these words or phrases. Whenever you have trouble finding a word, phrase, or sentence to serve as an effective transition, refer to the information in the table for assistance. Look in the left column of the table for the kind of logical relationship you are trying to express. Then look in the right column of the table for examples of words or phrases that express this logical relationship.
The ‘ transition-duration ’ property defines the length of time that a transition takes. Name: transition-duration Value: <time> [, <time> ]* Initial: 0s Applies to: all elements, :before and :after pseudo elements Inherited: no Animatable: no Percentages: N/A Media: interactive Computed value: Same as specified value. Canonical order: per grammar This property specifies how long the transition from the old value to the new value should take. By default the value is ‘ 0s ’, meaning that the transition is immediate (. there will be no animation). A negative value for ‘ transition-duration ’ renders the declaration invalid.