Code this weird bendy thing with text inside?
I keep seeing designs like this but I don't know how to code it in CSS. can someone give me some ideas? I honestly don't know how it will look on mobile
2 Replies
https://youtu.be/khjVPkO35F0?si=Lpl9XJd-52axf09x
https://youtu.be/SkML640BcoA?si=4m-neo29YJr0aTK7
https://youtu.be/iCl9aVo4xkI?si=nsgAE8EXlIOKV0fC
These videos can probably help. clip-path svg is my personal preference for this but there's multiple approaches including gradients , pseudo-elements, masks, clip-path etc
Kevin Powell
YouTube
Creating an inverted border-radius with CSS
The other day on Twitter, @FlorinPop pulled me into a conversation, wondering how to create inverted, round corners. Mask-image was probably the easy answer, but after someone in the thread said that making an SVG mask felt like overkill, I had to try and see if I could think of an alternative way!
š Links
ā
The original tweet: https://twi...
Kevin Powell
YouTube
Create a clean, modern navigation with HTML & CSS
Looking to step up your CSS game? I have free and premium courses: š https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=funkynavigation
š Links
ā
Chrome Canary: https://www.google.com/intl/en_ca/chrome/canary/
ā
Finished code: https://github.com/kevin-powell/funky-nav
ā
Finished version live site (animation will ...
Conor Bailey
YouTube
AWWWARDS Remake: - Creating An Inverted Curved Border Layout With H...
Hi guys,
Back with an AWWWARDS remake video where we be looking into the front end techniques used to develop the hero section of the following website:
https://www.cutthecode.com/
We will be utilising HTML, CSS and SVG Clip Path to create a unique curved layout.
I hope you enjoy.
Thanks.
Conor
thank you. these look very promising