<style>
div
{
width:50px;
height:100px;
background:red;
position:relative;
animation:myfirst 5s infinite alternate;
-webkit-animation:myfirst 5s infinite alternate;
}
@keyframes myfirst
{
0% { left:0px; top:0px;}
25% { left:200px; top:0px;}
50% { left:200px; top:200px;}
75% { left:0px; top:200px;}
100% { left:0px; top:0px;}
}
@-webkit-keyframes myfirst
{
0% { left:0px; top:0px;}
25% { left:200px; top:0px;}
50% { left:200px; top:200px;}
75% { left:0px; top:200px;}
100% { left:0px; top:0px;}
}
</style>
<body>
<div></div>
</body>
これにある種の回転トランジションを追加することは可能ですか? コードを div 宣言に追加して別のセレクターを作成しようとしましたが、どれも機能していないようです。