Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...

CSS функции `min()` и `max()` По моему опыту, CSS функцию clamp() любят больше, чем min() и max(). Конечно, она часто оказывается самой удобной, но и min(), и max() также могут принести огромную пользу. В отличие от clamp(), требующей трех значений, функции min() и max() принимают столько значений, сколько необходимо. Например, можно сделать что-то вроде этого: .element { inline-size: min(100%, 960px, 60ch); } Я начал использовать min() во многих местах, где раньше использовал свойства max-, например, max-inline-size. Один из распространенных примеров — классы .container/.wrapper: .wrapper...