translatex獲取左值和最值

我正在使用css屬性translateX在某個點周圍旋轉一個精靈360度。精靈按照預期圍繞點旋轉，但我想知道在精靈旋轉時如何獲得「左」和「頂」值。正在使用translateX正確的方式來解決這個問題還是有更好的解決方案嗎？translatex獲取左值和最值

#target { 
    position: absolute; 

    top: 292px; 
    left: 291px; 


    -webkit-animation: orbit 4s linear infinite; /* Chrome, Safari 5 */ 
     -moz-animation: orbit 4s linear infinite; /* Firefox 5-15 */ 
     -o-animation: orbit 4s linear infinite; /* Opera 12+ */ 
      animation: orbit 4s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */ 
} 


@-webkit-keyframes orbit { 
    from { -webkit-transform: rotate(0deg) translateX(235px) rotate(0deg); } 
    to { -webkit-transform: rotate(360deg) translateX(235px) rotate(-360deg); } 
} 

@-moz-keyframes orbit { 
    from { -moz-transform: rotate(0deg) translateX(235px) rotate(0deg); } 
    to { -moz-transform: rotate(360deg) translateX(235px) rotate(-360deg); } 
} 

@-o-keyframes orbit { 
    from { -o-transform: rotate(0deg) translateX(235px) rotate(0deg); } 
    to { -o-transform: rotate(360deg) translateX(235px) rotate(-360deg); } 
} 

@keyframes orbit { 
    from { transform: rotate(0deg) translateX(235px) rotate(0deg); } 
    to { transform: rotate(360deg) translateX(235px) rotate(-360deg); } 
}

來源

2015-05-11 tba

剛剛在jquery中發現了一個名爲position（）的函數來獲取左邊和上邊的位置。適用於我。想要分享這種情況下，其他人在這種情況下。

$("#myDIV").position().left 
$("#myDIV").position().top

來源

2015-05-12 14:31:22 tba

translatex獲取左值和最值

回答

相關問題