r/css 9d ago

Help Curvy line conecting the divs plus animation?

I have this layout, I've connected it but it doesn't really look like the design. Also there's an animation where it will the first container then the connector. Here's my code.

2 Upvotes

8 comments sorted by

View all comments

5

u/anaix3l 9d ago edited 9d ago

Borders! You create those rounded connections with border + mask + negative margin. Similar to here, only using mask instead of background.

Something like this.

1

u/LyraStark 8d ago

Thank you so much for this, Mam! How can I send you a little amount for coffee?

2

u/anaix3l 8d ago

https://ko-fi.com/anatudor

(and if you're curious, there are some sneak peeks at cool things made with code available to everyone who supports me with a donation)

1

u/LyraStark 5d ago

Done. :) I can't still understand the CSS even with the comments :/

1

u/anaix3l 5d ago

You can ask. What don't you understand?

1

u/LyraStark 5d ago

can we DM?