Lines Matching refs:rotate
40 transform: rotate(45deg);
181 <div class="rotate">
211 animation: rotate 3s infinite;
227 @keyframes rotate {
229 transform: rotate(0deg)
232 transform: rotate(360deg);
471 transform可以设置多个值并且多个值可同时设置,下面案例中展示同时设置缩放(scale),平移(translate),旋转(rotate)属性时的动画效果。
532 transform: translate(0,0); transform: rotate(0deg)
536 transform: rotate(360deg)
542 transform:translate(0,0) rotate(0deg) ;
545 transform: translate(300px,0) rotate(360deg);
550 transform:rotate(0deg) translate(0,0);
553 transform:rotate(360deg) translate(300px,0);
562 transform:scale(2) rotate(45deg);
568 transform:scale(0) translate(0,0) rotate(0);
571 transform: scale(1.5) rotate(360deg) translate(200px,0);
579 > - 当设置多个transform时,后续的transform值会把前面的覆盖掉。若想同时使用多个动画样式可用复合写法,例:transform: scale(1) rotate(0) transl…