Кнопка с углом

[sond1k]

Добрый день!

Пытаюсь сделать кнопку - вот что получилось

Уголок сделан через псевдо-элемент и свойства transform:translateX(-25px)rotate(45deg)skew(10deg, 10deg)scale(0.61);

Мне нужно синюю рамочку вокруг уголка - как вокруг родительского блока. Если добавлять рамку к треугольнику, то во первых из за scale она не тех размеров, во вторых портится градиент. Подскажите пожалуйста, как сделать рамку?

[afdw]

Дайте код.

[afdw]

Делаете ещё один такой псевдоэлемент, сдвигаете вправо и закрашиваете синим.

[sond1k]

  On 6/7/2015 at 5:32 PM, afdw said:

Делаете ещё один такой псевдоэлемент, сдвигаете вправо и закрашиваете синим.

Да, я думал об этом, но, второй псевдоэлемент мне необходим для текста внутри кнопки, т.к. иначе в IE не будут наследоваться :active для родителя, если разместить текст не через псевдо элемент

Хотя, странно, текст обернутый в span - active не наследуется. Текст без span - все работает, вопрос снят, спасибо

[sond1k]

  On 6/7/2015 at 5:32 PM, afdw said:

Делаете ещё один такой псевдоэлемент, сдвигаете вправо и закрашиваете синим.

Нет, к сожалению, Ваш совет приводит к тому же эффекту. Подобрать размер рамки под рамку родительского - не выходит

[sond1k]

  On 6/7/2015 at 6:45 PM, afdw said:

 

Edited June 7, 2015 by sond1k

[sond1k]

Вопрос снят, разобрался!