Create two text frames. For the first text frame, set the opacity to 100% in the standard state, and the opacity to 0% in the hover state. For the second text frame, set it the other way around - standard 0%, hover 100%.
Place both text frames in the state button.
fixed that error, duplicate page. Deleted old, probs solved. Dont know why, but work for me...back to help, somehow that steps not work for me. Maybe i doing something wrong..
2 text frame on same position
1.layers 100% opacity in normal state and 0%opacity in hover state (example: email)
2.layers under 0% opacity in normal state and 100% opacity in hover state (example: email@example.com)
puting both text frame in to state button
When i press preview, the second layers show up but the first not dissapear
Back to error. I found where its isuess, when i cant find right way to make rollover like my idea. I found kind of widgets which should help me easily doing that unfortunately this widget fck*ed my Muse and getting error then shutdown program.
Solution is: delete widget and duplicate currently page where widget was applied.
I used Text Hover Effect, on Demo work flawless
About my rollover if someone want rollover with similar effect like my first gif. in first post.
I tried steps by Pavel Homeriki but not work for me, i found my own way is a bit weird maybe even wrong, but is exactly what i need. The main isuess was 0 % opacity in hover state, my text somehow dont dissapearthe second layer show up with hover effect.
by Pavel steps
Here is my bizarre steps is work only for my case, because instead of using opacity i refill with same color as my Background and put it under second layers, now u know is imposible way if u have video or photo on BG. I have white BG...
make 2 text frame in same position
1. ''Email'' text frame just change hover state to white and put under second layers td.....@gmail.com
2. "td....@gmail.com'' 0 % opacity on Normal State and hover state 100% opacity with blue color
3. put it together on state button and work flawfless
is maybe stupid way to do that, but i cant figure out why my opacity on first layers not work
Sorry for my bad english and hope for another better solution.
2 people found this helpful
by Pavel steps
These are not my steps. This is your interpretation of my steps. My steps work correctly
Sir, i swear doing exactly like you...maybe i figure out where is problem. Im on mobile now so cant try it. But i think the isuess is system font which i use for my Project? and not web font like you?
yes, problem was on system fonts...thanks you for help.