The default animation can be customized to something other than just a 360 degree rotation.īasically you can create a component that swaps between mat-icon's when clicked or when a parent element like a button is clicked.
#How to make animated gif icons how to
However, I found my way to this question looking for a guide on how to animate angular material icons and for others looking for the same I have a solution. Some gifs may need the 'coalesce' option (which removes all optimizations from frames) if other methods fail and the output image is flickering or has strange artifacts, but it may significantly increase file size and. As other have stated the examples on the Material Icon sites would have to be built. GIF animation resizing is sometimes tricky, and you will probably have to choose between a smaller file size or image quality.
0 kommentar(er)
