rotate() 的用法和scale() 的用法

2024-11-02 05:25:29

1、新建div倾斜30度角

2、新建div倾斜45度角

3、新建div倾斜60度角

4、新建div倾斜90度角

5、新建div缩小0.5

6、新建div长扩大2倍款扩大3倍

7、附上源码<body><style>.d1{ margin:100px 50px; width:200px; hei爿讥旌护ght:100px; background-color:red; transform:rotate(30deg);} .d2{ margin:100px 50px; width:200px; height:100px; background-color:red; transform:rotate(45deg);} .d3{ margin:100px 50px; width:200px; height:100px; background-color:red; transform:rotate(60deg);} .d4{ margin:100px 50px; width:200px; height:100px; background-color:red; transform:rotate(90deg);} .d5{ margin:100px 50px; width:200px; height:100px; background-color:red; transform: scale(0.5,0.5);} .d6{ margin:100px 50px; width:200px; height:100px; background-color:red; transform: scale(2,3);}</style><div class="d1"></div><div class="d2"></div><div class="d3"></div><div class="d4"></div><div class="d5"></div><div class="d6"></div></body>