Чтобы сделать это реальным треугольником, вам также нужно иметь цвет с правой стороны, с border-right-color: red;
. После этого не забудьте убедиться, что треугольник имеет тот же размер, что и кнопка (кнопка имеет высоту: 50 пикселей, поэтому границы должны быть 25 пикселей - не 30), а положение направо, а не 30% слева .
.button {
position: relative;
display: block;
width: 120px;
height: 50px;
background: blue;
}
.button:after{
position: absolute;
bottom: 0;
height: 0;
width: 0;
right:0;
border: 25px solid transparent;
border-bottom-color: red;
border-right-color: red;
content: "";
}
Вот как мы обрабатываем секретную информацию, которая требуется сценариями:
some_password = ENV['SOME_PASSWORD']
) .envrc
в папке проекта, который устанавливает их личные пароли и другие секреты. .envrc
никогда не придерживается системы контроля версий, добавляя глобальный gitignore в .envrc
(global = не для проекта, а для среды).