Ohh so good to know forefox has a clippath editor. Maybe it can help me figure oit why outting overflow hosden on my element is nixing its pseudo elements clipPath 😂 just disappears. So baffling.
I'm glad to hear it was helpful! 🙂 Wow, this sounds interesting and like it shouldn't happen in the first place. Have you figured it out, or do you have a demo where this can be seen? 🙂
@@CSSWeekly have not figured it out, I do have a demo but my comment will be deleted if I link it. Can I share w you on discord or Twitter or something ? Idk what I've done wrong
Excellent question, Alex. 🙏 The we created is essentially empty, as it contains only the element, which is meant to be used by the clip-path CSS property. So there's nothing to show, and the browser renders the SVG element when no size is defined at 300x150px. So this is what you see, an empty element taking space. You'll get the same result if you add an empty SVG element on a page (). I hope this clears it up a bit. 🙂
@@mohamedlabarre166 This is a fantastic idea, Mohamed! I'll make a video about Variable fonts. 🙏 Is there anything else you find difficult to understand about variable fonts?
Ohh so good to know forefox has a clippath editor. Maybe it can help me figure oit why outting overflow hosden on my element is nixing its pseudo elements clipPath 😂 just disappears. So baffling.
I'm glad to hear it was helpful! 🙂
Wow, this sounds interesting and like it shouldn't happen in the first place. Have you figured it out, or do you have a demo where this can be seen? 🙂
@@CSSWeekly have not figured it out, I do have a demo but my comment will be deleted if I link it. Can I share w you on discord or Twitter or something ? Idk what I've done wrong
Of course. I'm @cssweekly on Twitter; DMs are open. 🙂
Oh, somebody used Firefox finally :D Excellent tutorial as always
Thank you! 🙂
Firefox DevTools are fantastic! 👌
firefox is awesome!
It is! Do you use it as a primary browser for development? 🙂
@@CSSWeekly Not yet, but I am going to try it!
A mindblowing experience Sir . . . Thanks a lot !!!
Thank you so much for the kind words, Leonard! I'm thrilled to hear you found it mindblowing! 🙂
What?! Oh man, this is blowing my mind 🔥
also, Firefox always all day 😉
Thank you so much; I'm thrilled to hear you found it mind-blowing! 🙂
Yes, Firefox needs more love! 🙂
Thank you. Yours is the video that I needed.
You're very welcome, Tony! Thank you for watching and commenting! 🙏
Hello.I have not understood why svg added with clip path behaves as it were visbility:hidden and ocuppied that empty space on page.Thanks!
Excellent question, Alex. 🙏
The we created is essentially empty, as it contains only the element, which is meant to be used by the clip-path CSS property.
So there's nothing to show, and the browser renders the SVG element when no size is defined at 300x150px. So this is what you see, an empty element taking space. You'll get the same result if you add an empty SVG element on a page ().
I hope this clears it up a bit. 🙂
Amazing video
Thank you so much! I'm thrilled to hear you think it's amazing! 🙏🙂
great work
Thank you so much, Mohamed! 🙏
@@CSSWeekly please can you make a video about font variant setting is difficult for me to understand how he work
thanks.
@@mohamedlabarre166 This is a fantastic idea, Mohamed! I'll make a video about Variable fonts. 🙏
Is there anything else you find difficult to understand about variable fonts?
@@CSSWeekly thanks sir I'm selft taught this point are difficult:
carrousel in css without javascript
transition page
parallax
Thanks for all your suggestions! 🙏
Take it one step at the time. There’s always more to learn. 🙂