[CSS]Usunięcie transform wewnątrz div-a Opcje

[kubax33]

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.

Ten post edytował kubax33 22.02.2017, 23:17:52

[czvpka]

No rozwiązania chyba nie ma poza wyjęciem tego div'a na zewnątrz (IMG:style_emoticons/default/smile.gif) Pochylając .blok pochylasz również wszystko, co się w nim znajduje (IMG:style_emoticons/default/smile.gif)

[trueblue]

Kod

.blok div{
transform:skew(12deg, 0deg);
-webkit-transform:skew(12deg, 0deg);
-moz-transform:skew(12deg, 0deg);
-o-transform:skew(12deg, 0deg);
}

[kubax33]

Kod

.blok div{
transform:skew(12deg, 0deg);
-webkit-transform:skew(12deg, 0deg);
-moz-transform:skew(12deg, 0deg);
-o-transform:skew(12deg, 0deg);
}

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ć.