@nexsalvarez
Submitted
What other solution would you apply to make the hover effect of the image as established in the challenge?
@BrunoGafanhoto
@nexsalvarez
Submitted
What other solution would you apply to make the hover effect of the image as established in the challenge?
@BrunoGafanhoto
Posted
Hi @nexsalvarez. I would use the same solution used, but it could be done with an after with an absolute height and width in relation to the parent and a background image aligned to the center. I spoke in my head, but I think it would work!
Marked as helpful
@mbeka02
Submitted
How do I make multiple ripple effects appear at the same time instead of just one.
@BrunoGafanhoto
Posted
Hello @mbeka02, for this purpose I used 3 divs inside the circle, and created a @keyframe pulse where the animation started with opacity 0.2 and scale 1 and goes to opacity 0 and scale 2.5.
For the second and third div I applied a delay on the animation.
Take a look at the result: https://rocker-paper-scissors.vercel.app/
I'm Brazilian, ignore the confusing language. Hugs!
Marked as helpful
@zwelhtetyan
Submitted
Feedback welcome
@BrunoGafanhoto
Posted
Very good! I also did this challenge, but without the bonus.
@leticarolina
Submitted
How long did you guys take to finish this?
@BrunoGafanhoto
Posted
Parabéns @leticarolina!! em torno de 10 a 15 minutos... :)
Marked as helpful