Трюки CSS

8 методов оптимизации загрузки изображений, позволяющие минимизировать как трафик, используемый для загрузки картинок в Интернет, так и использование ЦП для отображения фотографий. 1. Используйте CSS, чтобы задать "плавающие" размеры изображения, не забывая об атрибутах высоты и ширины в HTML, так вы получите правильное соотношение сторон при первом рендеринге. 2. Используйте content-visibility: auto; (Об этом напишу отдельную статью) 3. Если это возможно, используйте формат изображения AVIF 4....

Неоновый текст может добавить приятный футуристический штрих любому веб-сайту. Мне всегда нравилась магия неоновых вывесок, и я захотел воссоздать их с помощью CSS. Я подумал, что поделюсь несколькими советами, как это сделать! В этой статье мы рассмотрим, как добавить к тексту эффекты свечения. Мы также рассмотрим различные способы анимации неоновых вывесок с использованием CSS. Добавление эффекта свечения к тексту Во-первых, давайте заставим текст светиться. Это можно сделать в CSS с помощью свойства text-shadow...

Посмотрите несколько интересных трюков анимирования числа с помощью переменных CSS, как в этом примере ниже: уловка состоит в том, чтобы объявить настраиваемое свойство CSS как целое число. Таким образом его можно интерполировать как и любое другое целое число...

Помимо использования медиа-запросов и современных макетов CSS, таких как flexbox и grid, для создания адаптивных веб-сайтов, есть некоторые упущенные из виду вещи, чтобы верстать адаптивные сайты. В этой...