What other solution would you apply to make the hover effect of the image as established in the challenge?
Bruno dos Santos
@BrunoYottabyteAll comments
- @nexsalvarezSubmitted about 2 years ago@BrunoYottabytePosted about 2 years ago
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 helpful0 - @mbeka02Submitted about 2 years ago
How do I make multiple ripple effects appear at the same time instead of just one.
@BrunoYottabytePosted about 2 years agoHello @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 helpful1 - @zwelhtetyanSubmitted about 2 years ago
Feedback welcome
@BrunoYottabytePosted about 2 years agoVery good! I also did this challenge, but without the bonus.
1 - @leticarolinaSubmitted about 2 years ago
How long did you guys take to finish this?
@BrunoYottabytePosted about 2 years agoParabéns @leticarolina!! em torno de 10 a 15 minutos... :)
Marked as helpful0