Крутой эффект по ошибки, но почему? - Эффектные ссылки, шаг 4 [11/31]

Курсы §24. Мастерская: декоративные эффекты. Часть 2
1

Добрый день.
Выполняя задание, вместо точки у (0,9) поставил запятую:

.effect-3 a:hover::before {
opacity: 0;
transform: scale(0,9);
}

Получился интересный эффект, объясните пожалуйста почему так получилось.

2

потому что такая ваша запись transform: scale(0,9); будет восприниматься браузером уже как перечисление значений трансформации через запятую и означать: “масштабирование по Х равно 0, масштабирование по У равно 9” - эффект такой “разноосной” трансформации вы и увидели.

2 лайка
3

Спасибо!