#長方形 {
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;