When using the Web Animation API Polyfill (especially iOS 12, etc.) and only one animation property is specified, an error occurs and the console outputs [object Object Object].
For example, the following code would cause the error
layer1.animate( 
 [ 
 { transform: 'none' } 
 ], 
 { 
 fill: 'forwards', 
 duration: 3000, 
 easing: 'linear' 
 } 
)The solution to this problem is to specify at least two animation properties. For example, modify as follows
layer1.animate( 
 [ 
 { transform: 'translateY(-100%)' }, 
 { transform: 'none' } 
 ], 
 { 
 fill: 'forwards', 
 duration: 3000, 
 easing: 'linear' 
 } 
)Now it should work as expected.