Highlighted

Textbox Rollover Change

New Here ,
Jan 08, 2018

Copy link to clipboard

Copied

I need a the text within a text box to change (to a different sentence) when I hover it. Is there an easy way to do this or a simple free widget I can use?

Any help is much appreciated!

Yes there is a way:

  • Place the text box into a“states button“, which you can make invisible, by choosing the colour „Transparent“)
  • A states button triggers the states of all elements within at the same time.
  • So place the text box into the button.
  • Open the „States“ panel.
  • Copy the text box.
  • Switch to rollover state and set the text box to opacity: 0 %
  • Now „paste" the textbox „in place“ again, and set its opacity in rollover state to 100 %, and to 0 % in normals state.

Views

123

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

Textbox Rollover Change

New Here ,
Jan 08, 2018

Copy link to clipboard

Copied

I need a the text within a text box to change (to a different sentence) when I hover it. Is there an easy way to do this or a simple free widget I can use?

Any help is much appreciated!

Yes there is a way:

  • Place the text box into a“states button“, which you can make invisible, by choosing the colour „Transparent“)
  • A states button triggers the states of all elements within at the same time.
  • So place the text box into the button.
  • Open the „States“ panel.
  • Copy the text box.
  • Switch to rollover state and set the text box to opacity: 0 %
  • Now „paste" the textbox „in place“ again, and set its opacity in rollover state to 100 %, and to 0 % in normals state.

Views

124

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
Jan 08, 2018 0
LEGEND ,
Jan 08, 2018

Copy link to clipboard

Copied

Yes there is a way:

  • Place the text box into a“states button“, which you can make invisible, by choosing the colour „Transparent“)
  • A states button triggers the states of all elements within at the same time.
  • So place the text box into the button.
  • Open the „States“ panel.
  • Copy the text box.
  • Switch to rollover state and set the text box to opacity: 0 %
  • Now „paste" the textbox „in place“ again, and set its opacity in rollover state to 100 %, and to 0 % in normals state.

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
Reply
Loading...
Jan 08, 2018 2
New Here ,
Jan 08, 2018

Copy link to clipboard

Copied

Amazing, thank you!

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
Reply
Loading...
Jan 08, 2018 0