transform угол

[Predator199]

Есть простой квадрат.Как мне при помощи transform обрезать верхний,левый угол?

[misher]

Обрезать? Это разве возможно? Свойство transform может масштабировать, и поворачивать на определенный градус, а вот насчет обрезать углы не уверен...

[Predator199]

Тогда как мне это сделать.С помощью чего? Я когда то обрезал углы с помощью стилей, а вот каким свойство забыл.

[misher]

Тогда вам нужно border-radius, но учтите, что версии ие7 и ие8 его не поддерживают...

[Predator199]

Он закругляет углы.

[Naive]

<style>
#d1 {
 -webkit-transform: matrix(1, -1, 0, 1, 0, 0);
	-moz-transform: matrix(1, -1, 0, 1, 0, 0);
	 -ms-transform: matrix(1, -1, 0, 1, 0, 0);
	  -o-transform: matrix(1, -1, 0, 1, 0, 0);
    height: 50em;
    left: 9em;
    overflow: hidden;
    position: absolute;
    top: 1em;
    visibility: hidden;
    width: 30em;
}
#d2 {
 -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
	-moz-transform: matrix(1, 1, 0, 1, 0, 0);
	 -ms-transform: matrix(1, 1, 0, 1, 0, 0);
	  -o-transform: matrix(1, 1, 0, 1, 0, 0);
    background: none repeat scroll 0 0 #FF0000;
    height: 20em;
    left: 9em;
    position: absolute;
    top: 6em;
    visibility: visible;
    width: 20em;
}
</style>
<div id="d1">
	<div id="d2">
	</div>
</div>

Тестил только в ФФ