WebTaverna /> js, css, html
WebTaverna - это уютное местечко для веб-разработчиков, где вы можете найти информацию, ресурсы и обсуждения о JavaScript (js), CSS и HTML. Мы предлагаем обновления о последних трендах и новостях в веб-разработке, а также полезные советы и руководства для улучшения ваших навыков. Присоединяйтесь к нашему каналу в Telegram, чтобы быть в курсе всех новостей и общаться с другими веб-разработчиками.
Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript!
🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний. Вы освоите создание программ с использованием основных конструкций языка, сможете составлять программы из нескольких модулей и научитесь анализировать ошибки в коде с помощью отладочной печати.
💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности.
Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉
div {
--angle: 0deg;
width: 30vmin;
height: 30vmin;
border: .8rem solid;
border-image: linear-gradient(var(--angle),
#00cc99,
#eef0f5,
#6600ff) 1;
animation: 5s rotate linear infinite;
}
@keyframes rotate {
to {
--angle: 360deg
}
}
@property --angle {
syntax: '<angle>';
initial-value: 0deg;
inherits: false;
}
Устал от бесконечного поиска информации по JavaScript?
JavaScipt Notes - это актуальные и интересные материалы, обучающие видеоуроки, шпаргалки, GitHub репозитории и многое другое. 🚀
Стань частью сообщества профессионалов и начинающих разработчиков прямо сейчас! Становись лучше с @jsn0tes
Cамый простой способ изучить Java — залезть в голову профи
Один из лучших айтишников России учит базе кодинга в Telegram. Даже гуманитарий поймёт, как создавать приложения, сайты, игры и чат-боты.
Достаточно подписаться на «Секреты Java», где каждый день появляются гайды, готовые примеры кода и лучших практик.
И всё это бесплатно — вместо сотен тысяч рублей за курсы. Стартовать в прибыльной профессии с нуля вы сможете гораздо проще!
Теперь обучиться Java может каждый: @java_secrets
erid: LjN8Jwcvv
Дождались! Наконец-то праздничные выходные
И где справедливость?
Карточки для сайта с красивым эффектом при наведение на CSS
Код и демо: codepen.io/Gogh/pen/poqaPOM
Создаём градиентную обводку текста с помощью CSS свойства -webkit-text-stroketext-stroke одновременно устанавливает цвет и толщину контура вокруг букв и символов текста, также чтобы реализовать градиент нужно добавить ещё 2 свойства: background-clip: text и background-image: linear-gradient.
body {
background-color: #242834;
display: grid;
font-family: sans-serif;
place-items: center;
}
h1 {
display: inline-block;
background-clip: text;
color: #242834;
background-image: linear-gradient(to right,
#18efba,
#1a9eea,
#e02862,
#fadd3a);
font-size: 60px;
font-weight: bold;
letter-spacing: 10px;
-webkit-text-stroke: transparent 6px;
}
Удалёнщик: "Нежданное путешествие до магаза - туда и обратно"
Адаптивная карусель изображений с красивым эффектом при смене слайдов реализованная с помощью CSS и JavaScript
Код и демо: codepen.io/noirsociety/pen/ZEwLGXB
Похожие
