Worldwide | Login | Contact Us
  
HomeProducts and ServicesIndustry SolutionsSupportCompany
 
SMIL TRANSITIONS
Support
Customer Education
Code Samples
SMIL
SMIL basics
Ram & SMIL Sources
Color & Transparency
Groups
Layout
Timing
Hyperlinking
Transitions
Animations
Switching

TRANSITION EFFECTS TYPES AND SUBTYPES
Transition effects fall into familes, such as edge wipe effects and iris effects. Each family consists of several transition types, and each type has several subtypes.

Sample File Description Featured Illustrated Reference
edgewipes.smil

edgewipes_reverse.smil
Demonstrations of all edge wipe transition effects running forward and reverse. edge wipe type and subtype attributes, as well as the direction="reverse" attribute click here
iriswipes.smil

iriswipes_reverse.smil
Demonstrations of all iris wipe transition effects running forward and reverse. iris wipe type and subtype attributes, as well as the direction="reverse" attribute click here
clockwipes.smil

clockwipes_reverse.smil
Demonstrations of all clock wipe transition effects running forward and reverse. clock wipe type and subtype attributes, as well as the direction="reverse" attribute click here
matrixwipes.smil

matrixwipes_reverse.smil
Demonstrations of all matrix wipe transition effects running forward and reverse. matrix wipe type and subtype attributes, as well as the direction="reverse" attribute click here
fadeslide.smil A demonstration of all fade slide wipe transition effects. fade and slide wipe type and subtype attributes click here

MODIFIED AND APPLIED TRANSITION EFFECTS
The following samples show how to apply transition effects to clips. They also demonstrate attributes that can modify the appearance of basic transition effects.

Sample File Description Featured Illustrated Reference
colorfade.smil Two videos play in sequence. During each transition, there is a fade to or from a solid blue. transIn and transOut attributes click here
crossfade.smil Two videos play in sequence, crossfading during the transition between them. fill="transition" attribute click here
brushtransition.smil Transition effects using brush objects simulate dynamically changing region background colors after two video clips play. <brush/> tags and transition effects in a sequence of videos click here
partialtransitions.smil Several transitions between still images demonstrate special effects that you can create with partial transition effects. startProgress and endProgress attributes click here
repeatingtransitions.smil Several transitions between still images show how you can repeat transition effects horizontally and vertically. horzRepeat and vertRepeat attributes click here
border.smil Several transitions between still images illustrate enlarged, colored, and blurred borders. borderWidth and borderColor attributes click here
instantiris.smil A partial, instantaneous transition effect that remains for the clip duration mimics an old film projector. startProgress, endProgress, borderWidth, and borderColor attributes click here
clicktrans.smil Four images appear. Clicking an image "uncovers" another image through a radial transition. transitions used with advanced SMIL timing click here

Real Site Map | Privacy Policy | Legal Notice/Terms of Use | Advertising | Real.com