Help with css/js

Question

If you notice the eges of the blob the sides get straight.....

https://sololearn.com/compiler-playground/W90Dfb4556vz/?ref=app

Answer 1

divs have straight edges by default. randomized border radius will expose these edges eventually.

a more complicated solution would be to animate a closed quadratic svg, or use canvas to draw your blob.

svg animation:
https://sololearn.com/compiler-playground/WNnhLS2SOPaz/?ref=app

Answer 2

They appear to hit the end of the canvas Daniel try shinking the blob not the canvas to adjust correctly.

Answer 3

Thanks.

Answer 4

[ Laur€nt ] please follow the forum guidelines...

https://www.sololearn.com/discuss/1316935/?ref=app
https://www.sololearn.com/discuss/3021159/?ref=app

Answer 5

Daniel
maybe something like this?

https://sololearn.com/compiler-playground/WIoKkuJnSw26/?ref=app

Answer 6

It is necessary to check the implementation of border-radius, especially for large scales and element proportions. If the blob side is straight, it could be due to the use of overflow: hidden; or an unbalanced aspect ratio. Try using clip-paths to be more flexible, or tweak the radius values at each corner. Debug with devtools to make the root cause clearer

Answer 7

BroFar Ok, From now on I will follow them

Answer 8

How to put a picture in HTML through Solr Leran app

Answer 9

Solam