Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Hover mode rotation problem

New Here ,
Dec 15, 2020 Dec 15, 2020

Copy link to clipboard

Copied

I want to have a slight rotation effect when I hover my mouse over my icon.

 

So I create a component, I create a Hover state and I assign it a 10 ° rotation. But when I do that, the rotation ALSO applies to my "Default State" automatically, and I can't seem to disassociate the two states. So I want to have a rotation of 0 on my Default state and a rotation of 10 ° on my Hover state.

 

Does anyone have the solution to my problem? Thank you

Views

216

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Dec 15, 2020 Dec 15, 2020
Make sure you are applying the rotation to the elements within the component, and not to the component itself. The component is like a shell. If you rotate it, you rotate all of its states and contents as well. 

Likes

Translate

Translate
Adobe Community Professional ,
Dec 15, 2020 Dec 15, 2020

Copy link to clipboard

Copied

LATEST

Make sure you are applying the rotation to the elements within the component, and not to the component itself. The component is like a shell. If you rotate it, you rotate all of its states and contents as well. 

 

image.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines