اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
КодВеб | Дизайн База
رفتن به کانال در Telegram
✨ Здесь публикуются самые лучшие сниппеты с codepen.io, стильные макеты Figma, опросы, туториалы, статьи и прочее. Реклама: @shmyzna
نمایش بیشتر4 569
مشترکین
-124 ساعت
-47 روز
-3430 روز
آرشیو پست ها
4 567
Вниманию фронтед-разработчиков и дизайнеров:
макеты figma - огромная база крутых референсов на любой вкус. Тренируй навыки UI/UX или верстки!
Дорогой дизайн - Более 2500 текстур, иконок, фонов, шрифтов, ui-kit'ов и других элементов. Вместо платных подписок — наш дизайнер отбирает только то, на что стоит обратить внимание
Работать надо не 24/7, работать надо продуктивно - подпишись и подними свою эффективность!
4 567
4 567
Ты знал что каждый кодер должен знать сети хотя бы на минимальном уровне?
Если ты хочешь по-быстрому разобраться в сетях и не хочешь читать книги по тысячи страниц, то переходи в канал @school_network где ты быстро сможешь изучить самое важное за несколько минут.
👉 @school_network
4 567
Ты знал что каждый кодер должен знать сети хотя бы на минимальном уровне?
Если ты хочешь по-быстрому разобраться в сетях и не хочешь читать книги по тысячи страниц, то переходи в канал @school_network где ты быстро сможешь изучить самое важное за несколько минут.
👉 @school_network
4 567
Ты знал что каждый кодер должен знать сети хотя бы на минимальном уровне?
Если ты хочешь по-быстрому разобраться в сетях и не хочешь читать книги по тысячи страниц, то переходи в канал @school_network где ты быстро сможешь изучить самое важное за несколько минут.
👉 @school_network
4 567
Ты знал что каждый кодер должен знать сети хотя бы на минимальном уровне?
Если ты хочешь по-быстрому разобраться в сетях и не хочешь читать книги по тысячи страниц, то переходи в канал @school_network где ты быстро сможешь изучить самое важное за несколько минут.
👉 @school_network
4 567
4 567
4 567
❔ Как сделать сетчатый фон для изображения?
С помощью пиксельного градиента или узора-изображения можно приглушить фон, а также скрыть плохое качество изображения или фонового видео.
CSS оформление:
body {
margin: 0;
background-image: url(flowers.png);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
position: relative;
height: 100vh;
}
body:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(stripes.png);
}
@codewebx | #tutorial4 567
4 567
4 567
4 567
❔ Как сделать градиентный текст и рамку?
Нам помогут свойства
border-image и background.
За толщину рамки отвечает свойство border: 1px solid.
Пример:
<div class="gradient-all">Градиентные границы и текст</div>
.gradient-all {
background: linear-gradient(135deg, #12BCB0 20%, #FABE0E 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
padding: 0.3em 0.6em ;
border: 3px solid transparent;
border-image: linear-gradient(135deg, #12BCB0 20%, #FABE0E 70%);
border-image-slice: 1;
}
@codewebx | #tutorial4 567
▫️ Code Ready дает возможность узнать много
интересной информации в мире Web разработки. 😉
▫️ Каждый день мы публикуем полезные ссылки или посты сразу с готовым кодом и примером их использования.
▫️ Различные анимации, эффекты и многое другое, что поможет сделать ваш сайт уникальным и интересным.
▫️ Стань частью сообщества!! Подпишись на наш телеграмм канал! 🎯
4 567
