Ответы пользователя по тегу CSS
  • Как создать такую фигуру в css?

    dennikolas
    @dennikolas
    PHP макака
    #block {
    	width: 60px; /* При повороте является высотой */
    	height: 90px; /* При повороте является шириной*/
    	background: #2e578e;
    	position: relative;
      transform: rotate(90deg);
    }
    #block:before {
    	content: "";
    	position: absolute;
    	top: -25px; /* Высота треугольника */
    	left: 0;
    	width: 0;
    	height: 0;
    	border-left: 30px solid transparent; /* Ширина верхней половины треугольника */
    	border-right: 30px solid transparent; /* Ширина нижней половины треугольника */
    	border-bottom: 25px solid #2e578e; /* Растяжение треугольника с точки высоты до прямоугольника*/
    }
    Ответ написан
    Комментировать