Уголок у кнопки

[npofopr]

Что я делаю не так? 

http://jsfiddle.net/npofopr/quLwy/

 

Или это нормальное отображение уголка, лесенкой? :-)

 

[Zverushka]

Видимо это нормальное)...

Вот так получше будет - правда есть легкий градиент...http://jsfiddle.net/quLwy/1/

А вообще через бордер же это делается.

[Aleksandr.L]

А вообще через бордер же это делается.

 

Вы имеете ввиду вот так: http://jsfiddle.net/pLzs9/?

Edited November 29, 2013 by Aleksandr.L

[Zverushka]

 

А вообще через бордер же это делается.

 

Вы имеете ввиду вот так: http://jsfiddle.net/pLzs9/?

 

Скорее вот так - также проще http://jsfiddle.net/pLzs9/2/

[npofopr]

Через бордер? 

Хм. А как его заставить тянуться тогда?

[npofopr]

В любом случае спасибо)

[swandev]

Через бордер? 

Хм. А как его заставить тянуться тогда?

удалено

Edited December 1, 2013 by ALEEX SWN

[CoDy]

Скорее вот так - также проще http://jsfiddle.net/pLzs9/2/

 

Можно со стилем границы поиграться. Если например выставить dashed, то заметно некоторое "сглаживание":http://jsfiddle.net/pLzs9/6/

[Zverushka]

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

[npofopr]

 

Скорее вот так - также проще http://jsfiddle.net/pLzs9/2/

 

Можно со стилем границы поиграться. Если например выставить dashed, то заметно некоторое "сглаживание":http://jsfiddle.net/pLzs9/6/

 

Еще раз спрошу.

Как сделать через border резиновую длину?

 

Я умею треугольники делать :-) + есть куча генераторов. Но основной вопрос в длине. Уголок не должен зависеть от длины.

[Zverushka]

Да никак думаю).... Кстати что там бордер понимать умеет, писели, ем и ех и все?

[npofopr]

Да никак думаю).... Кстати что там бордер понимать умеет, писели, ем и ех и все?

ну % точно нет)

[CoDy]

Все зависит от того на какие компромиссы готовы пойти. Вот,  жутко криво, конечно, и куча ограничений: http://jsfiddle.net/XDXW2/1/

Edited December 3, 2013 by CoDy

[Zverushka]

@CoDy,а где там бордер?)... ну тут кстати по-моему нет разницы трансформ использовать или градиент - они поддерживаются не всеми браузерами и примерно одинаково, в то время как бордер всеми... 

[CoDy]

а где там бордер?)

 

Дак я и не ставил целью сделать уголок через бордер. Просто через градиент, я так понял, "лесенка" некрасивая выходит, о чем и писалось в первом топике.

С тем, что именно через бордер, нельзя сделать я полностью согласен.

 

А вот "причесать лесенку" и более мене сделать независимо от ширины можно. Вот тут можно сравнить результат через градиент и мой вариант: http://jsfiddle.net/XDXW2/2/

[npofopr]

В Хроме у вашего примера у меня вообще нет уголка

[Zverushka]

Потом что трансформ без префикса

[npofopr]

Ну это все равно не то. Уголок должен же тянуться только по краям, а по варианту CoDy тянется все и сразу)