Nie widzę rozwiązania dla mojego problemu. Pochylam diva:

[HTML] pobierz, plaintext 
.blok {
background: #000;
width: 100px;
height: 100px;
transform:skew(-12deg, 0deg);
-webkit-transform:skew(-12deg, 0deg); 
-moz-transform:skew(-12deg, 0deg);
-o-transform:skew(-12deg, 0deg);
}
<div class=blok></div>
[HTML] pobierz, plaintext 

ale problem pojawia się kiedy wewnątrz tego diva jest jeszcze jeden:

[HTML] pobierz, plaintext 
<div class="blok">
  <div class="blok_2"></div>
</div>
[HTML] pobierz, plaintext 

i ten blok_2 również jest powiedzmy jakimś kwadratowym elementem i on też z automatu się pochyla. Próbowałem transform: none; nie działa oraz transform:skew(12deg, 0deg); czyli zamiast -12 dałem 12 odbijając pochylenie w drugą stronę, ale jakość tego wewnętrzneego diva jest marna jakoś go kompresuje. Jakie jest poprawne rozwiązanie dla tego problemu. Wyłączenie pochylenia wewnątrz transform.

No rozwiązania chyba nie ma poza wyjęciem tego div'a na zewnątrz Pochylając .blok pochylasz również wszystko, co się w nim znajduje

Dokładnie tak zrobiłem. Jednak ten div przez to, że jest pochylony i następnie wyprostowany jest tak jakby poruszony lekko zaćmiony chodzi o zdjęcia i np. obramowanie w tym divie wszystko jest poruszone to wynik pochylenia i wyprostowania. Szkoda myślałem, ze znajdę jakieś logiczne rozwiązanie najwidoczniej po prostu nie idzie tego inaczej zrobić.