• Теория
  • Теория

Анонс статьи

Продолжаем оформлять статьи. Анонс статьи, состоящий из абзаца текста и картинки, мы разместили внутри тега dd. Давайте немного оформим изображения.

На макете у изображений немного скруглены углы. Конечно, можно экспортировать из Photoshop картинки со скруглёнными углами. Но для создания декоративных эффектов лучше использовать возможности CSS везде, где это возможно, например:

  • обесцветить изображение можно с помощью CSS-фильтров,
  • повернуть или масштабировать с помощью CSS-трансформаций.

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

Для скругления углов мы воспользуемся свойством border-radius. Вы встречались с ним в части «Знакомство с CSS», а детально оно разобрано в части «Рамки и фоны. Погружение».

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Базовая стилизация» тренажёра «Великий Кексби, этап 2» можно после регистрации и оформления подписки.