Skip to main content
transition

transition

10 4.3
A smooth change in how something looks on a webpage
  • noun
  • /trænˈzɪʃən/
  • Specialized
translation icon : transición (CSS)
  • a smooth transition

Examples

  • The installation manual shows the piece in transition between states.

    Academic text (2011)
  • Throughout that period of transition for dance, professional preparation and pedagogy in dance changed dramatically.

    Academic text (1999)
  • Then in 1979, even before we had femtosecond lasers, we made the transition to molecular beams," he told us.

    Academic text (1999)
  • Evidence for chemical changes associated with these transitions has been documented by the synthesis of new potassium-transition metal compounds.

    Academic text (1998)
  • Similarly, he organizes transitions between scenes to generate momentary surges of color.

    Academic text (1998)
  • The transition from a static webpage to an interactive one was remarkably smooth, enhancing user experience.

  • In web design, a well-timed transition can make a significant difference in how users perceive changes on the page.

  • To improve the aesthetics of the site, we implemented a transition effect that animates the menu as it opens.

Compounds

phase transition
  • Specialized
1 5.5

A change when a material goes from one state to another without a chemical change, like ice melting

A short period when someone gets used to a change

How Animated

animation
  • Specialized
145 3.8
transition
  • Specialized
10 4.3

Surface Forms

transition singular
transitions plural

Morphology

transition = transit (semi-transparent) = transit + ion

Morphologically this is 'transit' + '-ion', but the CSS meaning is a specialized technical extension of 'passage/change' and may be unfamiliar to general learners.

Etymology

Transition comes from the Latin trans- 'across' and ire 'to go', and web designers use the same idea for style changes. So a CSS transition makes a change move 'across' from one look to another in a smooth way over time.