Почему не работает a:hover?

Question

[TRAZAN]

a {
    -webkit-text-stroke-color: pink;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.02em;
    font-size: 20px;
    font-weight: bolder;
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(135deg, pink 0%, pink 50%, transparent 50%);
    background-size: 0 100%;
    -webkit-background-size: 0 100%;
    cursor: pointer;
    transition: background-size 0.5s cubuc-bizer(0.67, 0.01, 0.15, 0.98);
}

a:hover {
    background-size: 200 100%;
    -webkit-background-size: 230 100%;
}

Что не так?

Comments

[Вадим]

подскажите что не так

1. вопрос оформлен не в соответствии с правилами сервиса. Код следует заключать в соответствующий тэг <code>
2. Такие вещи лучше показывать в демках. На сегодняшний день - лучше на codepen.

[TRAZAN]

делал по видео все также друг мой код вставлял себе у него рабоатло у меня нет и у человека в видео

[Ankhena]

TRAZAN, Видимо это древнее видео и с ошибками.
Либо вы невнимательно повторили код.

И без ссылки на видео и код друга тут говорить не о чем.

В ответе я написала, что именно нужно поправить. Поправите - заработает.

[Ankhena]

TRAZAN,
Тут

background-size: 200 100%;
-webkit-background-size: 230 100%

1. Вы забыли единицы измерения
2. Разные размеры в основном свойстве и свойстве с префиксом
3. Неверный порядок свойства с префиксом и основного
4. Для свойства background-size вообще не нужны префиксы

И в анимации пишется так cubic-bezier