How can I make a chrome-like tab with inverted borders that has its own outline that I can change the color of?
@afonsoramon6798
2 ай бұрын
Thanks a lot
@Mikojima
6 ай бұрын
Amazing!
@teuccio73
11 ай бұрын
Great!!!
@MrSlypire
Жыл бұрын
Nice tutorial. Is there any chance you can show us how to create a section, where left side will follow the normal width 1140px and right side will go to the edge of the screen, thank you!
@franktielemans6624
Жыл бұрын
Thanks! I was planning a tutorial about that, but than Daveden Webdev released two tutorials about this that I highly recommend. It's brilliant. He deserves much more views and followers imo. kzitem.info/news/bejne/yH-Xqa5piJaLnn4& kzitem.info/news/bejne/wGmX0J9on6leq3o& I actually contacted him and showed him my method, but I have to admit his way doing this is better and more flexible than mine. In fact, I challenged myself and I created a complex editorial layout (I'm a printdesigner) for the web and made it responsive. franktielemans.be/blog/editorial-design-challenge This design has 7 parent containers and 10 child-containers.
@hamzahashim7846
3 ай бұрын
awesome
@Music-gw4fr
6 ай бұрын
How to make all added elements transparent? I mean, on a white background, the added white elements look good, but if I make a header with such borders, the added elements will overlap the content and it will be seen that such edges are made by overlapping objects....
@franktielemans6624
6 ай бұрын
Not possible with this technique, the element with the inverted border-radius can't be a sticky element because the background will change while you scroll.
@notpowder5831
3 ай бұрын
I think if you have a gradient or image in the background and you need the white rounded to be transparent, you should take a different approach. I just make the SVG and then exported it.
Пікірлер: 13