CSS3 新功能旋转角度

admin2年前数据管理318
你好。这是一个 div1 元素。

你好。这是一个 div2 元素。https://www.w3school.com.cn/cssref/pr_animation.asp


<!DOCTYPE html>

<html>

<head>

<style> 

div

{

width:100px;

height:75px;

background-color:yellow;

border:1px solid black;

}

div#div1

{

transform:rotate(30deg);

-ms-transform:rotate(30deg); /* IE 9 */

-moz-transform:rotate(30deg); /* Firefox */

-webkit-transform:rotate(30deg); /* Safari and Chrome */

-o-transform:rotate(30deg); /* Opera */

}

div#div2

{

transform:rotate(30deg);

-ms-transform:rotate(30deg); /* IE 9 */

-moz-transform:rotate(30deg); /* Firefox */

-webkit-transform:rotate(30deg); /* Safari and Chrome */

-o-transform:rotate(30deg); /* Opera */

}

</style>

</head>

<body>


<div id="div1">你好。这是一个 div1 元素。</div>


<div id="div2">你好。这是一个 div2 元素。</div>


</body>

</html>


相关文章

Mysql数据库错误Unknown character set: 'utf8mb4'

[SQL] Query db_excel (1) start[ERR] 1115 - Unknown character set: 'utf8mb4'[ERR] /* Nav...