👩‍💻 Перенос элементов в Flexbox

Свойство flex-wrap в CSS позволяет управлять переносом элементов в контейнерах с использованием Flexbox.

Оно может принимать следующие значения:

• nowrap — элементы располагаются в одну строку, без переноса.
• wrap — элементы переносятся на новую строку, если не помещаются.
• wrap-reverse — элементы переносятся на новую строку, но в обратном порядке.

Это свойство помогает гибко управлять расположением элементов, обеспечивая адаптивность дизайна.

Code Ready | #свойство #css

👩‍💻 Управление содержимым с overflow

Свойство overflow в CSS определяет, как браузер обрабатывает содержимое, выходящее за пределы элемента.

Оно принимает следующие значения:

• visible — содержимое выходит за границы элемента (значение по умолчанию).
• hidden — обрезает лишнее содержимое, скрывая его.
• scroll — добавляет прокрутку, даже если она не нужна.
• auto — добавляет прокрутку только тогда, когда содержимое превышает размеры элемента.

📣 Code Ready | #свойство #css

🙄 Знал ли ты, как можно добавить целое видео в любой текст на CSS?

Главное, о чем нужно знать — это свойство background-clip: text, которое заставляет фоновое изображение заполнять только сам текст, а не весь блок.

.clip-text {
  background: url (http://i.giphy.com/fsULJFFGv8X3G.gif);
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  color: transparent;
}

Из-за этого текст становится "покрашенным" в изображение, а сам цвет текста устанавливается как прозрачный (color: transparent), что позволяет увидеть только фон внутри текста.

▶️ Ещё кому интересно, оставлю ссылку на готовый код

📣 Code Ready | #css

👩‍💻 Обязательные поля для заполнения

Псевдокласс :required в CSS используется для стилизации элементов формы, которые имеют атрибут required.

Это означает, что элемент должен быть заполнен перед отправкой формы.

📣 Code Ready | #свойство #css