Почему этот градиент не работает в Safari?

Question

Это работает в Firefox, но по какой-то причине градиент не применяется в Safari. Есть идеи?

#footer .buttons .btn {
    width: 110px;
    height: 61px;
    background: #BAE9FF;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: -moz-linear-gradient(top, #BAE9FF 0%, #2081D6 100%);
    background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,#BAE9FF), colorstop(100%,#2081D6));
}

Answer 1

Просто измените colorstop на color-stop внутри -webkit-gradient.

Как вам удалось удалить эти дефисы?

Live Demo

---

Я рекомендую вам использовать этот сайт для создания CSS3, чтобы вы не ошиблись:

http://css3generator.com/

Answer 2

colorstop должно быть color-stop Я думаю:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BAE9FF), color-stop(100%,#2081D6));