У меня есть встроенный элемент (a <span>
), вложенный в тег <h1>
. Я применил свойство transform к h1
(перекос, чтобы он выглядел как параллелограмм).
Мне нужно преобразовать тег span в "unskew" его и его текст. Но это, похоже, работает только в IE.
Вот пример HTML и CSS:
h1 {
background: #f00;
padding: .25em .5em;
text-align: right;
transform: skew(-15deg);
}
h1 span {
color: #fff;
transform: skew(15deg);
}
<h1><span>This is a Title</span></h1>