css不等边三角形.txt

.triangle {

position: relative;

width: 100px;

height: 100px;

background-color: blue;

.triangle:before,

.triangle:after {

position: absolute;

content: "";

left: 50px;

top: 0;

width: 50px;

height: 100px;

background-color: red;

border-radius: 50px 50px 0 0;

transform: rotate(-45deg);

.triangle:after {

left: 0;

top: 50px;

width: 50px;

height: 100px;

background-color: red;

border-radius: 0 50px 50px 0;

transform: rotate(45deg);

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！