Как рисовать треугольники на чистом css

05, 08, 2014
bullgare
HTML and CSS
No Comments.

Для треугольника, «смотрящего наверх»:

p {
	width: 0;
	height: 0;
	text-indent: -9999px;
	border-right: 80px solid transparent;
	border-bottom: 80px solid #f09;
	border-left: 80px solid transparent;
}

p {

width: 0;

height: 0;

text-indent: -9999px;

border-right: 80px solid transparent;

border-bottom: 80px solid #f09;

border-left: 80px solid transparent;

}

JS Bin
http://blog.michelledinan.com/08/2012/drawing-triangles-with-css/

Вот тут много разных использований border-ов — https://blog.bullgare.com/2015/06/%D1%84%D0%B8%D0%B3%D1%83%D1%80%D1%8B-%D0%BD%D0%B0-css-borders/

Как рисовать треугольники на чистом css

Similar Posts

LEAVE A COMMENT Отменить ответ