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

Эффектные ссылки, шаг 2

В этом и следующем задании помимо ::after задействуем ещё и ::before, а также будем по наведению применять к псевдоэлементам более сложные трансформации.

Сначала зададим стиль исходного состояния: спозиционируем и применим к псевдоэлементам трансформацию поворота так, чтобы они стали декоративными вертикальными рамками справа и слева от ссылки.

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

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

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

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

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

Проходить вызовы части «Мастерская: декоративные эффекты» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.