My collection of graphics transform filters (CSS gradient filters)

My collection of graphics transform filters (CSS gradient filters)

<! -- Graph type conversion Code As follows.

23. Random Transformation effect type = "progid: DXImageTransform. Microsoft. revealtrans (Enabled = ture, transition = 23 )"

0. The square gradually decreases. type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = square, motion = In )"
Gradually increase cross shape type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = cross, motion = out )"
Gradually decrease diamond type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = diamond, motion = In )"

1. The square gradually expands type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = square, motion = out )"
Gradually decrease cross shape type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = cross, motion = In )"
Diamond gradually expands type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = diamond, motion = out )"

2. The circle gradually decreases. type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = circle, motion = In )"
Type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = plus, motion = out )"
Gradually become star type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = Star, motion = In )"

3. The circle gradually grows. type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = circle, motion = out )"
The plus sign gradually decreases. type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = plus, motion = In )"
Gradually become star type = "progid: DXImageTransform. Microsoft. Iris (irisstyle = Star, motion = out )"

4. Gradually erase type = "progid: DXImageTransform. Microsoft. blinds (bands = 1, direction = up )"

5. Gradually erase type = "progid: DXImageTransform. Microsoft. blinds (bands = 1, direction = down )"

6. Gradually erase type = "progid: DXImageTransform. Microsoft. blinds (bands = 1, direction = left )"

7. Gradually erase type = "progid: DXImageTransform. Microsoft. blinds (bands = 1, direction = right )"

8. Vertical shutter effect type = "progid: DXImageTransform. Microsoft. blinds (bands = 6, direction = right )"
Type = "progid: DXImageTransform. Microsoft. blinds (bands = 6, direction = left )"
Type = "progid: DXImageTransform. Microsoft. blinds (bands = 60, direction = right )"
Type = "progid: DXImageTransform. Microsoft. blinds (bands = 60, direction = left )"

9. Horizontal shutter effect type = "progid: DXImageTransform. Microsoft. blinds (bands = 6, direction = down )"
Type = "progid: DXImageTransform. Microsoft. blinds (bands = 6, direction = up )"
Type = "progid: DXImageTransform. Microsoft. blinds (bands = 60, direction = down )"
Type = "progid: DXImageTransform. Microsoft. blinds (bands = 60, direction = up )"

10. horizontal board effect type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = down, squaresx = 12, squaresy = 12 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = up, squaresx = 12, squaresy = 12 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = down, squaresx = 2, squaresy = 2 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = up, squaresx = 2, squaresy = 2 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = down, squaresx = 60, squaresy = 60 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = up, squaresx = 60, squaresy = 60 )"

11. Portrait board effect type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = right, squaresx = 12, squaresy = 12 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = left, squaresx = 12, squaresy = 12 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = right, squaresx = 2, squaresy = 2 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = left, squaresx = 2, squaresy = 2 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = right, squaresx = 60, squaresy = 60 )"
Type = "progid: DXImageTransform. Microsoft. checkerboard (Direction = left, squaresx = 60, squaresy = 60 )"

12. Random dissolution effect type = "progid: DXImageTransform. Microsoft. randomdissolve (enable = true )"

13. type = "progid: DXImageTransform. Microsoft. Barn (motion = In, orientation = vertical )"

14. Expand type = "progid: DXImageTransform. Microsoft. Barn (motion = out, orientation = vertical )"

15. type = "progid: DXImageTransform. Microsoft. Barn (motion = In, orientation = horizontal )"

16. Expand type = "progid: DXImageTransform. Microsoft. Barn (motion = out, orientation = horizontal )"

17. Expand type = "progid: DXImageTransform. Microsoft. strips (motion = leftdown )"

18. Expand type = "progid: DXImageTransform. Microsoft. strips (motion = leftup )"

19. Expand type = "progid: DXImageTransform. Microsoft. strips (motion = rightdown )"

20. Expand type = "progid: DXImageTransform. Microsoft. strips (motion = rightup )"

21. Random horizontal line effect type = "progid: DXImageTransform. Microsoft. randombars (orientation = horizontal )"

22. Random vertical line effect type = "progid: DXImageTransform. Microsoft. randombars (orientation = vertical )"

24. Standard gradient conversion effect type = "blendtrans (Enabled = true, percent = 10 )"

25. Adjustable gradient conversion effect type = "progid: DXImageTransform. Microsoft. Fade (Enabled = ture, overlap = 1.0 )"

26. Insert effect type = "progid: DXImageTransform. Microsoft. inset (Enabled = ture )"

27. Mosaic effect type = "progid: DXImageTransform. Microsoft. pixelate (maxsquare = 20 )"

28. Clock-shaped Ray erasure type = "progid: DXImageTransform. Microsoft. radialwipe (wipestyle = clock )"
29. wedge-shaped Ray erasure type = "progid: DXImageTransform. Microsoft. radialwipe (wipestyle = wedge )"
30. Radiation Ray erasure type = "progid: DXImageTransform. Microsoft. radialwipe (wipestyle = radial )"

31. Hidden slide effect type = "progid: DXImageTransform. Microsoft. Slide (slidestyle = hide, bands = 1 )"
Type = "progid: DXImageTransform. Microsoft. Slide (slidestyle = hide, bands = 20 )"
32. Push slide effect type = "progid: DXImageTransform. Microsoft. Slide (slidestyle = Push, bands = 1 )"
Type = "progid: DXImageTransform. Microsoft. Slide (slidestyle = Push, bands = 20 )"
33. Exchange slide effect type = "progid: DXImageTransform. Microsoft. Slide (slidestyle = swap, bands = 1 )"
Type = "progid: DXImageTransform. Microsoft. Slide (slidestyle = swap, bands = 20 )"

34. Spiral contraction effect type = "progid: DXImageTransform. Microsoft. Spiral (gridsizex = 20, gridsizey = 20 )"

35. Concealed stretch effect type = "progid: DXImageTransform. Microsoft. Stretch (stretchstyle = hide )"
36. Push stretch effect type = "progid: DXImageTransform. Microsoft. Stretch (stretchstyle = Push )"
37. type = "progid: DXImageTransform. Microsoft. Stretch (stretchstyle = spin )"

38. Wind Wheel rotation effect type = "progid: DXImageTransform. Microsoft. Wheel (spokes = 20 )"

39. Gradient erasure effect type = "progid: DXImageTransform. Microsoft. gradientwipe (gradientsize = 0.5, wipestyle = 0, motion = forward )"
Type = "progid: DXImageTransform. Microsoft. gradientwipe (gradientsize = 0.5, wipestyle = 0, motion = reverse )"
Type = "progid: DXImageTransform. Microsoft. gradientwipe (gradientsize = 0.5, wipestyle = 1, motion = forward )"
Type = "progid: DXImageTransform. Microsoft. gradientwipe (gradientsize = 0.5, wipestyle = 1, motion = reverse )"

40. Z-shaped tortuous effect type = "progid: DXImageTransform. Microsoft. Zigzag (gridsizex = 20, gridsizey = 20 )"

-->
Note:The first 23 filters (labeled) are common filters, which can be filtered by the 23rd filter (ArticleIn the first filter) to obtain the transformation parameter. For example, filter No. 1 can change transition = 23 in filter No. 23 to transition = 1, and the rest are the same.