番茄畅听邀请码:43458151

CSS3 新功能旋转角度

admin 2020年12月02日 数据管理 108 0
你好。这是一个 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>


发布评论

分享到:

番茄畅听邀请码:43458151

我的微信号:187 028 52372 (左侧二维码扫一扫)欢迎添加!

时代使命 高铁速度——西南交通大学对口支援西藏大学20年
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。