#長(zhǎng)方形 {
width: 200px;
height: 200px;
border: 2px solid #ccc;
邊框和內(nèi)邊距
#直角三角形 {
width: 200px;
height: 200px;
border: 2px solid #ccc;
邊框和內(nèi)邊距
#長(zhǎng)方形+直角三角形 {
position: relative;
background-color: #f00;
center: content-center;
#長(zhǎng)方形 {
width: 200px;
height: 200px;
border: 2px solid #ccc;
邊框和內(nèi)邊距
#直角三角形 {
width: 200px;
height: 200px;
border: 2px solid #ccc;
邊框和內(nèi)邊距
#直角三角形 {
transform: rotateY(45deg);
transform-origin: 0 100%;
#長(zhǎng)方形 {
transform: rotateY(90deg);
transform-origin: 100% 100%;
#長(zhǎng)方形 {
transition:透明度 0.5s;
#直角三角形 {
transition:透明度 0.5s;