Creating a tooltip style animation to use on text


#1

Due to the recent requests about tooltips I thought I’d share a preview on a document that creates a tooltip type display / animation when a user mouseovers a particular piece of text. The tooltip automatically resizes and alters it’s text according to the text of the element that calls it.

A couple of things to iron out but if you want the document. Give this a like and if I get enough I’ll post it :wink:

Note: Best viewed in Chrome browsers at the moment.

Preview


(Freelancer) #2

well done @DBear this is another missing feature in the web development.
It works even if the text is scrollable / responsive?

I made a similar thing time ago with external code but not in hype :slight_smile:


#3

Yes. It does and I’ve updated the preview to show that. :wink:


#4

I made this a while ago too :wink: just never shared it.


(strmiska) #5

super! i´d like to have the document, please :clap:


#6

Hi @DBear, I just found this feed regarding how to create a Tooltip in Hype. Could you please attach the document? Thanks.


#7

I only got 4 likes :frowning: I guess that’s why I didn’t share it :smiley:

toolTips-v1.hype.zip (67.0 KB)


#8

Thanks DBear! Btw You have 5 likes now! :slight_smile: