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

Испытание: разноцветные квадраты

Раскрасьте квадраты, используя цвета tomato, lightseagreen и #ffd700.

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

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

svg {
  border: 1px solid #dddddd;
}

.rect-1 {
  fill: tomato;
}

.rect-2 {
  fill: lightseagreen;
  fill-opacity: 0.5;
}

.rect-3 {
  fill: #ffd700;
}

.rect-4 {
  fill: none;
}
Минимальный вид табов
  • index.html
HTML
HTML

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

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

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

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

Проходить вызовы части «Оформление SVG-фигур» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.