нижний + оверфолу хайден

окей

отрицательный марджин обычно не есть хорошо

но попробовать можно

сейчас помоему уже все норм его понимают

Боди лучше не трогать, добавиь дивовую обертку

для блока before + after такой формы

что мудрить то, это ж декоративный элемент

тоже вариант

получилось

Серый блок только выходит

за границы документа

уберите маржин

райт -10%!?

и сделайте через псевдоэлементы и position:absolute

не в этом ли проблема!?

я понимаю

но мне надо скрыть блок

чтобы углов не было

вот без марджина и райта

длину увелич

и сделайте через псевдоэлементы и position:absolute

+

залейте на jsfidle код

и псевдожлементы побольше сделать

Хорошо

и да лучше через бефор и афтер выполни

высчитать размер можно по школькой формуле

width: 300%; все что лишнее спрячит обертка

пропорции же еще надо соблюсти

Итак, убрал маргин и позиционирование по right и left, получилось так

ну и сделал через псевдоклассы

теперь вы предлагаете просто ширину увеличить?

нижний марджинг нужен

да

ща на фидл пример сделаю

#col:before { content: ' '; position: absolute; margin-bottom: -187px; overflow: hidden; width: 100%; height: 188px; -moz-transform: scale(1) rotate(10deg); -webkit-transform: scale(1) rotate(10deg); -o-transform: scale(1) rotate(10deg); -ms-transform: scale(1) rotate(10deg); transform: scale(1) rotate(10deg); background-color: #bc204c; } #col:after { content: ' '; position: absolute; margin-bottom: -217px; overflow: hidden; width: 100%; height: 216px; -moz-transform: scale(1) rotate(-10deg); -webkit-transform: scale(1) rotate(-10deg); -o-transform: scale(1) rotate(-10deg); -ms-transform: scale(1) rotate(-10deg); transform: scale(1) rotate(-10deg); background-color: #f5f5f5; }

вот код

Я просто не понимаю, как вы уберет позиционирование по сторонам

и при этом углов не будет видно

мне же надо их спрятать

Я просто не понимаю, как вы уберет позиционирование по сторонам

убрать позиционирование по сторонам, поставить ширину больше чем у родителя

вот

ширина больше чем у родителя

200%

left: 50%; margin-left: -50%;

привет мошейники

тут кто-то на ангуляре втором верстает?

хеллоу, братиш

хеллоу, братиш

??

ну или хотя бы на тайпскрипте

left: 50%; margin-left: -50%;

а это как поможет?)

тут кто-то на ангуляре втором верстает?

"как унизить фронтэндеров одой фразой"

"как унизить фронтэндеров одой фразой"

?

ангуляр меня сам вчера унизил

а это как поможет?)

кодепен нид, ща сделаю

ангуляр меня сам вчера унизил

как?

я два месяца писал админку, вчера зашел в доку, написано лул, мы выпустили ангуляр 4

учи по новой

ERROR: S client not available

че, даже тайпскрипт никто не знает? :(

не-а)

рано еще на 4

кто нибудь может по 4 галпу подсказать?)

разве не?

я на первом пишу

рано еще на 4

ну он уже зарелизен

и от 2 не так как 2 от 1 отличается

2 с 1 из общего только название имеет)

ну вот я апдейтнул ядро с 2 до 4, вроде ниче не упало

ну хотя хз упало или нет) у меня проект не запускается)

;D

вам видимо скучно живется)

не-а)

https://jsfiddle.net/sxa3e7eL/1/

left: 50%; margin-left: -50%;

я ошибся, margin-left - половина ширины псевдоэлементов

Хех)

https://jsfiddle.net/sxa3e7eL/2/

омг. ясно все с вами короче. это пример который нужно доработать, но с готовой идеей реализации

https://codepen.io/nikfakel/pen/JJPggg

спасибо

сейчас попробую

https://codepen.io/nikfakel/pen/JJPggg

тож не очень авриант

во

запустился проект

верстаю на си шарпе

у тебя пиратка

куплю половинку

куплю половинку

тянку чтоли?

тянку чтоли?

половинку линукса же, ну