How do I flip an object

Design help Animations & Interactions
1

When you hover over the object I want it to flip instead it does a 180 instead of a 360

https://preview.webflow.com/preview/haashirs-five-star-site?utm_medium=preview_link&utm_source=designer&utm_content=haashirs-five-star-site&preview=ccca4bfebc8f4804a8e7f08bda2ec6b0&workflow=preview

2

Effects>2D & 3D transformations> rotate, use X or Y

3

how do i make it do a 360 when i hover over

4

Simply create a class for the icon, on normal state set transition for transformation and in the top select the class (hover) and edit the 2D&3D transformation

5

HI @Haashir_Kashif and welcome, when you use search input field on this forum you will find many solved request with identical request. Here are some results:

General search result
https://discourse.webflow.com/search?q=flip%20card

individual examples

but feel free to find another one that you will find useful. :wink: