🧮 Использование CSS-селектора :has() на примерах
Итак, :has() — это CSS-псевдокласс родительского селектора. Другими словами, с помощью :has() можно изменить родительский элемент, содержащий определённый дочерний элемент либо элемент, следующий за ним.
В этой статье автор показал, как работает этот псевдокласс на наглядном примере, создав аналог Dock из MacOS.
#учись #css
Итак, :has() — это CSS-псевдокласс родительского селектора. Другими словами, с помощью :has() можно изменить родительский элемент, содержащий определённый дочерний элемент либо элемент, следующий за ним.
В этой статье автор показал, как работает этот псевдокласс на наглядном примере, создав аналог Dock из MacOS.
#учись #css
📑 Создание сайдбара с помощью HTML, CSS и JavaScript
Этот гайд позволит Вам создать с нуля боковую панель и настроить её по своему усмотрению.
#javascript #css #html #учись
Этот гайд позволит Вам создать с нуля боковую панель и настроить её по своему усмотрению.
#javascript #css #html #учись
🎹 100 CSS-кнопок для Вашего проекта
На этом сайте находятся различные варианты кнопок, которые Вы можете использовать в своём следующем проекте. Достаточно нажать на понравившуюся кнопку и откроется окно с кодом, который нужно просто скопировать в проект.
#полезныйресурс #css
На этом сайте находятся различные варианты кнопок, которые Вы можете использовать в своём следующем проекте. Достаточно нажать на понравившуюся кнопку и откроется окно с кодом, который нужно просто скопировать в проект.
#полезныйресурс #css
This media is not supported in your browser
VIEW IN TELEGRAM
🏔 ScrollTrigger – красивый эффект перемотки экрана с подвижными элементами. Во время прокрутки горы и облака смещаются не целиком, а по отдельным слоям.
#сниппет #css
#сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
🖼 3D Scrolling Gallery – галерея с прокручивающимися изображениями, которые появляются из центра экрана при скролле мышки. Подойдет для сайтов, где важна динамика.
#сниппет #css #javascript
#сниппет #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
📒 Шпаргалка по CSS CSSReference.io
Это бесплатное визуальное руководство по CSS. Здесь собраны примеры для каждого свойства и их детальное объяснение в виде диаграмм и иллюстраций.
#css #полезныйресурс
Это бесплатное визуальное руководство по CSS. Здесь собраны примеры для каждого свойства и их детальное объяснение в виде диаграмм и иллюстраций.
#css #полезныйресурс
📌 12 важнейших сайтов для освоения CSS в 2023 году
Авторы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут Вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.
#учись #полезныйресурс #css
Авторы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут Вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.
#учись #полезныйресурс #css
🗄 Сокращения в CSS / Минимизируем CSS код
Сокращенные свойства - это свойства CSS, которые позволяют одновременно устанавливать значения нескольких других свойств CSS. Используя сокращенное свойство, Вы можете писать более краткие (и часто более читаемые) таблицы стилей, экономя время и энергию.
#учись #полезныйресурс #css
Сокращенные свойства - это свойства CSS, которые позволяют одновременно устанавливать значения нескольких других свойств CSS. Используя сокращенное свойство, Вы можете писать более краткие (и часто более читаемые) таблицы стилей, экономя время и энергию.
#учись #полезныйресурс #css
🗃 Шпаргалка по всем свойствам CSS Flexbox
В этой статье, Вы рассмотрите основы CSS Flexbox. Поймёте, как работает каждое из свойств Flexbox, и получите шпаргалку к каждому свойству. В шпаргалках описано всё, что можно сделать с помощью Flexbox.
#учись #полезныйресурс #css
В этой статье, Вы рассмотрите основы CSS Flexbox. Поймёте, как работает каждое из свойств Flexbox, и получите шпаргалку к каждому свойству. В шпаргалках описано всё, что можно сделать с помощью Flexbox.
#учись #полезныйресурс #css