css实现长方形缺角.txt

#长方形 {

width: 200px;

height: 200px;

border: 2px solid #ccc;

边框和内边距

#直角三角形 {

width: 200px;

height: 200px;

border: 2px solid #ccc;

边框和内边距

#长方形+直角三角形 {

position: relative;

background-color: #f00;

center: content-center;

#长方形 {

width: 200px;

height: 200px;

border: 2px solid #ccc;

边框和内边距

#直角三角形 {

width: 200px;

height: 200px;

border: 2px solid #ccc;

边框和内边距

#直角三角形 {

transform: rotateY(45deg);

transform-origin: 0 100%;

#长方形 {

transform: rotateY(90deg);

transform-origin: 100% 100%;

#长方形 {

transition：透明度 0.5s;

#直角三角形 {

transition：透明度 0.5s;

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