Design comparison
Solution retrospective
Hey, how do I get the social-links pop up box that appears when I click the share button to appear like the one in the design of the desktop version?
Community feedback
- @emestabilloPosted about 4 years ago
Hi Rowland, nicely done! It's cool that you used the original colors for the social media icons on hover. Were you asking about that little triangle tooltip under the popup box? If so, you can use a pseudo element and the
transform
property to achieve it, as what I did. Here's another approach explaining how to do it using borders. Hope this helps! :-)1@RowkibetPosted about 4 years agoHi Emmilie, I was able to check your approach on the share popup box and I really liked how you used the rotate transform function to get the pseudo element to look like a triangle. At first I thought the popup box must have been an image that I had to import to use for the solution.
The two approaches you've shared with me are really cool and I will try implementing to my solution.
I very much appreciate your help.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord