ReactJS with pure CSS, animations

Community feedback

• 

  Abdullah Ayoola•1,080

  @abdullah43577Posted about 2 years ago

  I really love your solution to this problem, most especially the bouncing box, it looks so cool, in fact, you've inspired me to edit mine just like yours. Well, regarding the issue you tabled you have, it's easy to fix, just set the parent container holding the woman image to overflow: hidden; and you should be done.

  I also noticed something again. You should give the container holding the images absolute units values for the width. and then give the images a width of 100% -> this means the images are never larger than the container.

  After applying all this, you should be done Happy Coding

  1
• 

  Avinash DV•150

  @avinashdvPosted about 2 years ago

  Hi, The table can't be kept behind parent container, then the image go below the white div.

  One way to do it is to cut an svg with viewBox by moving them around x & y axis. The first two values are x & y axis where as the next two values are width and height of svg.

  Here is a link that works for an svg within a div element: https://jsfiddle.net/avinash_dv/7cfxhuL9/1/

  Note: viewBox should be added to <svg > tag.

  Reference: https://www.geeksforgeeks.org/svg-viewbox-attribute/

  I hope this helps in solving the issue.

  0