[CSS]Filters and Transitions Master

Filters and Transitions Interactive Demo

Transition Property Value	Alternate 5.5 implementation
0 - Box in	DXImageTransform.Microsoft.Iris(irisstyle='SQUARE', motion='in')
1 - Box out	DXImageTransform.Microsoft.Iris(irisstyle='SQUARE', motion='out')
2 - Circle in	DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='in')
3 - Circle out	DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='out')
4 - Wipe up	DXImageTransform.Microsoft.Blinds(direction='up', bands=1)
5 - Wipe down	DXImageTransform.Microsoft.Blinds(direction='down', bands=1)
6 - Wipe right	DXImageTransform.Microsoft.Blinds(direction='right', bands=1)
7 - Wipe left	DXImageTransform.Microsoft.Blinds(direction='left', bands=1)
8 - Vertical blinds	DXImageTransform.Microsoft.Blinds(direction='right')
9 - Horizontal blinds	DXImageTransform.Microsoft.Blinds(direction='down')
10 - Checkerboard across	DXImageTransform.Microsoft.CheckerBoard(direction='right')
11 - Checkerboard down	DXImageTransform.Microsoft.CheckerBoard(direction='down')
12 - Random dissolve	DXImageTransform.Microsoft.RandomDissolve
13 - Split vertical in	DXImageTransform.Microsoft.Barn(orientation='vertical', motion='in')
14 - Split vertical out	DXImageTransform.Microsoft.Barn(orientation='vertical', motion='out')
15 - Split horizontal in	DXImageTransform.Microsoft.Barn(orientation='horizontal', motion='in')
16 - Split horizontal out	DXImageTransform.Microsoft.Barn(orientation='horizontal', motion='out')
17 - Strips left down	DXImageTransform.Microsoft.Strips(motion='leftdown')
18 - Strips left up	DXImageTransform.Microsoft.Strips(motion='leftup')
19 - Strips right down	DXImageTransform.Microsoft.Strips(motion='rightdown')
20 - Strips right up	DXImageTransform.Microsoft.Strips(motion='rightup')
21 - Random bars horizontal	DXImageTransform.Microsoft.RandomBars(orientation='horizontal')
22 - Random bars vertical	DXImageTransform.Microsoft.RandomBars(orientation='vertical')
23 - Random	Apply above filters randomly.