div 旋轉

時間 2019-12-10

標籤 div 旋轉欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE html>css

<html>html

<head>css3

<meta charset="utf-8" />web

<title>css3 經過transform屬性實現DIV元素的旋轉</title>動畫

<style>orm

.aimateStyle{htm

border:1px solid black;utf-8

width:300px;animation

height:300px;it

background:#abcdef;

position:absolute;

top:150px;

left:200px;

}

#aixuexi{

border:1px solid black;

width:200px;

height:150px;

background:#f9c;

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

transform:rotate(45deg);

}

</style>

</head>

<body>

<div class="aimateStyle">

<div id="aixuexi">

animations 動畫效果

</div>

</div>

</body>

</html>

相關文章

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<