.container {
display: grid;
grid-template-areas:
'header header'
'sidebar content'
'footer footer';
grid-gap: 10px;
}
.header { grid-area: header; }
.sidebar { grid-area: sidebar; }
.content { grid-area: content; }
.footer { grid-area: footer; }
@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👨💻2🐳1
.element {
background: url('image.jpg');
mix-blend-mode: multiply;
}
@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👨💻2🐳1
.element {
filter: blur(5px) brightness(150%);
}
@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👨💻2🐳1
::marker
в CSS позволяет настраивать стиль маркеров, используемых в списках@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👨💻2🐳1
@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2🐳2👨💻1