goaleaper Posted February 6 Share Posted February 6 Hi there, Is there a way of images appearing when people hover over text on my website? For example, if the mouse hovers over the word "Lincolnshire", can I have an image pop up to the left of the text? My site is https://gecko-orca-s9br.squarespace.com Thanks! Link to comment
tuanphan Posted February 11 Share Posted February 11 Yes. I used to solve a similar case. Your site is private. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
moonlitdesign Posted March 7 Share Posted March 7 i'm looking for this also, www.moonlitdesign.uk/our-story Demo: https://tympanus.net/Development/RapidImageHoverMenuEffects/index2.html Link to comment
tuanphan Posted March 8 Share Posted March 8 23 hours ago, moonlitdesign said: i'm looking for this also, www.moonlitdesign.uk/our-story Demo: https://tympanus.net/Development/RapidImageHoverMenuEffects/index2.html I created this quick demo, you can see to see if it is what you want https://tuanphan3.squarespace.com/hover-client-name-show-logo-1?noredirect pass: abc (I wrote this guide, if you see it is fine, I will send guide) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
moonlitdesign Posted March 12 Share Posted March 12 (edited) On 3/8/2024 at 11:36 AM, tuanphan said: I created this quick demo, you can see to see if it is what you want https://tuanphan3.squarespace.com/hover-client-name-show-logo-1?noredirect pass: abc (I wrote this guide, if you see it is fine, I will send guide) Hey @tuanphan thank you so much for this, is there a way to make the text not disappear? something a bit more like this: https://codepen.io/RMKNGY/pen/rrpzgW but the images appear ease in rather than straight away Edited March 12 by moonlitdesign Link to comment
tuanphan Posted March 14 Share Posted March 14 On 3/12/2024 at 4:18 PM, moonlitdesign said: Hey @tuanphan thank you so much for this, is there a way to make the text not disappear? something a bit more like this: https://codepen.io/RMKNGY/pen/rrpzgW but the images appear ease in rather than straight away I created new demo, you try checking https://tuanphan3.squarespace.com/hover-text-show-image-behind?noredirect pass: abc If this it what you want, I will give you a guide to achieve it Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
moonlitdesign Posted March 14 Share Posted March 14 (edited) 8 hours ago, tuanphan said: I created new demo, you try checking https://tuanphan3.squarespace.com/hover-text-show-image-behind?noredirect pass: abc If this it what you want, I will give you a guide to achieve it yes please that would be great! the text needs to not show up as a link though, so no underline or hand pointer if thats okay! also, could the transition of the image appearing be smoother? thank you so much!! Edited March 14 by moonlitdesign Link to comment
tuanphan Posted March 16 Share Posted March 16 On 3/14/2024 at 11:12 PM, moonlitdesign said: yes please that would be great! the text needs to not show up as a link though, so no underline or hand pointer if thats okay! also, could the transition of the image appearing be smoother? thank you so much!! With smoother, it will more complex so I don't include it in the post With other thing, you can see this guide moonlitdesign 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment