Как в css убрать фон уголков?

Question

[RushV]

Как решить такую задачу, убрать фон уголков
вместо углов должен быть виден слайдер
Я использовал код для среза уголков:
.black-line-a:before,.black-line-c:before {
content: '';
position: absolute;
width: 0;
height: 0;
}
.black-line-c:before {
left: 0px;
bottom: 0px;
border-bottom: 35px solid #FFF;
border-right: 35px solid transparent;
z-index: 1;
}
.black-line-a:before {
right: 0px;
bottom: 0px;
border-bottom: 35px solid #FFF;
border-left: 35px solid transparent;
z-index: 1;
}
фото прилается

Answer 1

[Антон Федорян]

transparent вместо #FFF не помогает?

Comments

[RushV]

не помогает!

Answer 2

[Anna_BS]

Вообще скрыть уголки?
но зачем тогда вообще углы?

.black-line-c:before {
left: 0px;
bottom: 0px;
border-bottom: 35px solid transparent;
border-right: 35px solid transparent;
z-index: 1;	
}
.black-line-a:before {
right: 0px;
bottom: 0px;
border-bottom: 35px solid transparent;
border-left: 35px solid transparent;
z-index: 1; 
}

или

.black-line-a:before,.black-line-c:before {opacity: 0;}

Comments

[RushV]

Блоки же квадратные, срезал угол, место угла фон появился

[RushV]

белый

[Anna_BS]

RushV: ну Вы образно срезаете угол, делаете треугольник через border, так у Вас блок квадратный

[Ankhena]

RushV: то-то я вообще не понимаю, что лишнее. Вы сделали белые треугольники и белый же и мешает?
У Вас блок половинка по диагонали белая, другая прозрачная.
Чего добиться-то надо?

[RushV]

Задача срезать углы, может другой код нужен?

[RushV]

Как правильно срезать углы блока?

[Anna_BS]

RushV: Вам вообще их видимость не нужна? можно подробнее. в html все блоками(прямоугольники и квадраты)

[RushV]

Так есть два блока, надо было у этих блоков срезать углы (Как на фото). Я написал код, что бы обрезать углы, углы срезал, но углы стали с белым фоном.
Мне надо срезать углы, и всё фон углов убрать как то надо я не знаю как.
Может я вам на почту отправлю шаблон, что бы вы посмотрели?

[Anna_BS]

RushV: лучше скрин сюда и зачем вам именно прозрачные треугольники?

[RushV]

Просто, по дизайну надо срезать углы у этих блоков, под этим меню слайдер
и эти уголки мешают слайдеру просто надо срезать, или скрыть эти углы, что бы не мешало слайдеру.
Скрин:
joxi.ru/E2pdWqlF9OEvW2

[Anna_BS]

RushV: можно скрин макета?

[Anna_BS]

и чем углы мешают слайдеру? перекрываю клик?

[RushV]

joxi.ru/4Akp0qdfyNa1Lr

[RushV]

эти углы видны на слайдере

[Anna_BS]

зачем вообще эти углы?

[Anna_BS]

RushV: можно макет того что нужно сделать? пока зачем вы делаете их никто не понимает

[RushV]

Углы надо убрать!

[RushV]

так сказать срезать

[RushV]

Задача срезать углы блоков!

[Anna_BS]

RushV: мне ванговать? пока с таким описание проблемы никто Вас не понимает. Что нужно получить?

[RushV]

Вот что надо сделать :
joxi.ru/krDO1MdUEM7zxA

[RushV]

Срезать углы!

[Anna_BS]

RushV: сделайте их черными, вообще не понятно зачем вам углы

[RushV]

По дизайну у этих блоков надо срезать углы, есть код?

[Anna_BS]

RushV: может уже покажете этот пресловутый дизайн?

[RushV]

Дизайна по сути нет, вот по скрину, таким должен быть Шапка сайта.
Надо срезать углы!

[Anna_BS]

RushV: Вы углы никак не срезаете, просто сделали треугольники через псевдоэлемент
вам нужно сделать их в другую сторону + перекрасить и подставить рядом с черной плашкой.

[RushV]

А есть ли код, что срезать углы блока?

[Anna_BS]

RushV: codepen.io/Anna_Batura/pen/dOONMo невозможно срезать углы блока