не работает closest-sied в css3 градиентах

[Zverushka]

http://jsfiddle.net/k74qU/

Собственно в чем ошибка-то?

[SelenIT]

Видимо, ближайшей стороной к середине верхней стороны оказывается... сама верхняя сторона. Т.е. эллипс рисуется нулевой ширины. Нагляднее, если вместо top взять, скажем, 2px. А противоположная сторона при таком раскладе считается дальней стороной.

[Zverushka]

Хм, а почему при 50% длине рисует процентов под 80%, если не 100% даже?

А под 100% вообще уходит за края?

http://jsfiddle.net/k74qU/3/

Edited October 22, 2013 by Zverushka

[SelenIT]

Градиент же радиальный. Вот радиус (для эллипса — соотв. полуось) и указывается относительно размера контейнера. Если радиус (большая полуось) 50% от ширины контейнера, значит, диаметр (вся большая ось) будет 100%. Что и наблюдаем, по-моему.

[Vlad]

А что ты вообще хочешь получить?

И, кстати, у background-repeat нет значения none.

[Zverushka]

http://yadi.sk/d/27u6h8KdBSW6r

вот такую тень)

В итоге у меня сейчас она сделана 2 градиентами - радиальным и линейным - первый пиксель мне кажется слева направо переливается зеркально.

Edited October 23, 2013 by Zverushka