css3 移动问题 - css3吧

level 1

CEOAP 楼主

如何实现translate 平移后在使用rotate 进行旋转

2014年07月18日 09点07分 1

level 1

div
{
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); /* Opera */
}
正数顺时针，负数逆时针

2014年07月19日 01点07分 2

level 11

1_ll

我们是被遗忘者，胆敢阻挡我们的都得死。

2014年07月26日 21点07分 3

level 10

失踪人口不回归

加delay？是这个意思么？

2014年08月06日 14点08分 4

level 5

星河已来

用个东西触发呀，不就有先后顺序了！

2014年08月10日 12点08分 5

level 9

Love情情smile

2014年08月14日 01点08分 6

level 2

卿ლ打梨花

<!DOCTYPE html5>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery使用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title>
<script src="jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<style type="text/css">
.test{
width: 300px;
position: relative;
margin:200px auto;
height: 300px;
background:rgb(0,0,0);
border-top-right-radius: 10px;
}
.trans{
transition:0.4s ease-in-out;
transform:skew(20deg) rotate(360deg) translate(300px) scale(1.5);
}
</style>
<script type="text/javascript">
$(function(){
$("div.test").mouseover(function(){
$("div.test").addClass("trans");
}).mouseout(function(){
$("div.test").removeClass("trans");
})
})
</script>
</head>
<body>
<div class="test">
46546
</div>
</body>
</html>

2014年08月19日 09点08分 7