+ 4

Help with css/js

If you notice the eges of the blob the sides get straight..... https://sololearn.com/compiler-playground/W90Dfb4556vz/?ref=app

6th Mar 2025, 6:43 PM
Daniel
Daniel - avatar
9 ответов
+ 6
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
7th Mar 2025, 4:27 AM
Bob_Li
Bob_Li - avatar
+ 5
They appear to hit the end of the canvas Daniel try shinking the blob not the canvas to adjust correctly.
7th Mar 2025, 12:36 AM
BroFar
BroFar - avatar
+ 4
Thanks.
7th Mar 2025, 7:26 AM
Daniel
Daniel - avatar
7th Mar 2025, 8:10 AM
Bob_Li
Bob_Li - avatar
8th Mar 2025, 4:47 AM
BroFar
BroFar - avatar
+ 2
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
7th Mar 2025, 1:33 PM
—DNS—
—DNS— - avatar
+ 2
BroFar Ok, From now on I will follow them
8th Mar 2025, 4:48 AM
[ Laur€nt ]
[ Laur€nt ] - avatar
+ 1
How to put a picture in HTML through Solr Leran app
7th Mar 2025, 4:03 PM
Richa Kumari
Richa Kumari - avatar
0
Solam
8th Mar 2025, 6:25 PM
Egamberdi abduqodirov
Egamberdi abduqodirov - avatar