🤩A new channel has been created in which useful things will be published in web design with of source code.🔥🔥
🔗Channel join link👇
https://t.me/Web_design3
🔗Channel join link👇
https://t.me/Web_design3
❤4👍3
Have you ever struggled to set 100% width on an item while also setting some margin for it I'm CSS? Once you know this trick you no longer have to!
👉 The "width" we set on CSS element is applied till the border of the element (content, padding and border)
But what if we want the element to have some margin as well but still fit inside the patent?
You may try to use some 🧠 math like calc(100% - 40px), but with the "stretch" keyword for the width property, CSS automatically does this for you.
🔥 This helps to easily fit an element inside it's parent even when it has some margin!
👍1
🤩A new channel has been created in which useful things will be published in web design with of source code.🔥🔥
🔗Channel join link👇
https://t.me/Web_design3
🔗Channel join link👇
https://t.me/Web_design3
Telegram
Web design source code
design web
source code free
https://t.me/Web_design3
source code free
https://t.me/Web_design3
🔰 Did you know that CSS works even inside console.log()
Some cases where I have seen this being used in real life is for showing a warning for self XSS attacks - asking regular web users not to paste random code inside the dev console (yes, that's an actual attack)
👍3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
🔰 CSS Tip
Do you have an image that is not exactly the same size as what you want to render it as?
Just turn on the object-fit propery to cover for the image element!
This property ensures that irrespective of the dimension of the image element, the contents fully covers the element without any distortion.
👉 Without this, the content would be stretched to fit the element
Do you have an image that is not exactly the same size as what you want to render it as?
Just turn on the object-fit propery to cover for the image element!
This property ensures that irrespective of the dimension of the image element, the contents fully covers the element without any distortion.
👉 Without this, the content would be stretched to fit the element
👍2
Media is too big
VIEW IN TELEGRAM
🔅 Crazy Text Animation with CSS and SVG
In this video with the topic Crazy Text Animation with CSS and SVG, I will share with everyone an extremely interesting idea to create text animation without using javascript. By combining vector SVG and CSS, we will create an extremely impressive text animation.
❤1