Show rotation of blades

WhatsApp_Image_2025-07-24_at_12.07.02__2_-removebg-preview

i have a svg and png images...i want to show the blades in that images rotating.

How do i go about it??

You'll need the blades, or at least a circle that includes the blades, as a separate element or component. if you want it smooth you should use css to animate it.
Eg in a p style, make it animated with 2 key frames, one at the start and end. In the start, in the background prop for example, set its value to:
;transform: rotate(0deg)

In the end key frame set it to:
;transform: rotate(360deg)

Apply the style to your blades object

Or follow high performance standards and don't animate it. Its distracting and serves no real purpose.

3 Likes

You can check one of the symbols that Perspective has.

I normally agree, but that's a pretty cool looking 3d render of whatever it is :slightly_smiling_face:

4 Likes