Как изменить форму края в меню?

271
27 ноября 2017, 17:21

Как сделать края в меню такими, как на фото(обведено красным)

Answer 1

div.square{ 
	width: 100px; 
	height: 100px; 
	background-color: gray; 
} 
div.square:before{ 
	content: ""; 
	position: absolute; 
	top: 5px; 
	width: 0; 
	height: 0; 
	border-top: 50px solid transparent; 
	border-left: 25px solid white; 
	border-bottom: 50px solid transparent; 
}
<div class="square"></div>

С помощью before и after немного криво сделал но смысл я думаю ты понял

READ ALSO
Json to jsquery to html
HTML

Json to jsquery to html

Помогите выполнить задачу в перемещении всего содержимого страницы в отдельную базу данных JSONБаза JSON должна быть загружена с использованием...

 235
Передача параметров в POST form без input
HTML

Передача параметров в POST form без input

Существует ли способ в данном случае передать параметры в POST form без использования input ? Все просто - ссылка в моей ситуации служит как кнопка,...

 258
Не работает AjaxForm modx
HTML

Не работает AjaxForm modx

При отправке письма через AjaxForm с FormIt не приходят письма, хотя сообщение удачной отправки есть, в базу письмо не сохранятся

 390
Как добавить вывод функции в свойства меню wordpress?
CSS

Как добавить вывод функции в свойства меню wordpress?

Есть меню в wordpress в которое хочу включить последним пунктом li в результат вывода значения динамического сайдбара <?php dynamic_sidebar( "crypto_currency"...

 262