@Robert-Rynard
Posted
That's ok everyone has to start somewhere! I found this cool article about one way to add the triangle https://css-tricks.com/snippets/css/css-triangle/ using the ::after pseudo element which is what I used in my solution. As for animations I would recommend shorter than 1s in this instance as that would feel like a life time on the site. One of the ways you can go about animating the share bubble is by using transform: scale(); changing the scale from 0 to 1 and adding transition: transform 200ms ease-in; I would also recommend looking over your mobile version and seeing if you can get it closer to the design and the positioning of the share pop-up. I have some transitions in my solution so feel free to have a look and maybe it will help and good luck with your learning journey!
Marked as helpful