balena-wpe icon indicating copy to clipboard operation
balena-wpe copied to clipboard

Published 20 hours ago • verified publisher icon balena-io-experimental

clip path not working when animating

Open srlevitt opened this issue 4 years ago • 2 comments

I'm trying to create a kaleidoscope effect. I use six divs with clip paths, rotated at various angles. Without any animation, this works fine. When I use webkit animation to rotate content within these divs, the clip paths do not get applied. This works fine with Chrome on my PC, but not on your browser on a Pi under Balena. I tried just using a jscript requestAnimationFrame to "manually" repeatedly increment the rotation of the content, but this was way too slow and jerky. Any ideas? testcard kal_html.txt

srlevitt avatar Aug 23 '19 09:08 srlevitt

This is what it looks like on Chrome: kal_chrome And on the Pi: kal_on_pi

srlevitt avatar Aug 23 '19 11:08 srlevitt

[zvin] This issue has attached support thread https://jel.ly.fish/#/support-thread~664be8ff-68e0-48e8-bed2-e21959b47558

balena-ci avatar Aug 23 '19 17:08 balena-ci