F4rr3LL

разобрался) -webkit-clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 100px),300px 90%,0% 85%);

Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными

спасибо)

Ребят,нужна помощь нужно сделать у блока со слайдером скругленные нижние углы,но скругление эллипсовидное проблема в том что когда задаю border-radius: 0 0 50%/5%; - скругляется нижний правый угол но если задать border-radius: 0 0 50%/5% 50%/5%; - то блок остается квадратным https://jsfiddle.net/1ndr2qq1/

Спасибо огромное

чето оно там совсем печально выглядит,извиняюсь за мусор в css прост пробовал кучу вариантов) https://jsfiddle.net/yb5tgnn2/1/

а как сделать чтоб занимало всю доступную ширину?там прост 2 блока,и заголовок у каждого разной ширины,и нужно чтобы картинка заняла все остальное место,и не сползла никуда,да и в макете почти все заголовки так оформлены,по этому в ручную для каждого заголовка ширину этой картинки задавать не вариант,мне в принципе нет жизненной необходимости это знать,но для общего познания всеже интересно) поднял кароч на локалхосте) http://178.151.45.122

я на бутстрапе делал,не совсем понял как подключить его в песочнице,выложу архив с псд и тем что я "наваял" =) https://yadi.sk/d/B7Vz8SGdq6XLo Слева https://jsfiddle.net/yb5tgnn2/ а картинки-иконки как?

я на бутстрапе делал,не совсем понял как подключить его в песочнице,выложу архив с псд и тем что я "наваял" =) https://yadi.sk/d/B7Vz8SGdq6XLo

Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </div></div>.about p { color: #7d7d7d; font-family: "Oswald"; font-size: 12px; text-transform: uppercase; white-space: nowrap;}.about p:before { content: ""; display: block; background: url("img/Square.png") no-repeat; width: 15px; height: 15px; float: left; margin-right: 5px;}.about p:after { content: ""; display: block; background: url("img/Title-pattern.png") no-repeat; width: 100%; height: 15px; float: right; margin-right: 5px;}в итоге слева все нормально,а картинка которая :after отображается под текстом ttp://joxi.ru/krDLvy0F0Wn8lr подскажите как сделать чтобы картинка справа растягивалась на всю оставшуюся ширину колонки?