چطوری میشه با دستور translate یک div رو به درصد مشخصی از صفحه وب برد?

[combo_ci]

سلام دوستان
من میخواسام با دستور translate یک div رو به درصد مشخصی از صفحه وب ببرم مثلا با کد :
-webkit-transform: translate3d(0, -100%, 0);

اما این درصد رو از کل صفحه در نظر نمیگیره و وقتی میزنی مثلا 100% به اندازه عرض div ی که میخوایم تکونش بدیم جرکت میکنه
کسی میدونه چطوری درضد از کل صفحه میشه داد؟

[sinoser]

این واسه jQuery نیست که اینجا زدی !!!!
.
.
خب چرا با transform ؟!
می تونی راحت اینو با position fixed کردن و top , left دادن به هر جا خواستی ببری. اگرم می خوای فضای خالی اون باقی بمونه و با jQuery هم کار می کنی می تونی اول یک clone بگیری بعد visibility: hidden کنی.

[combo_ci]

اا راست میگی برادر تالا ر رو اشتباه زدم

خب چرا با transform ؟!
چون میخوام با keyframe ّهش animation بدم

[sinoser]

اا راست میگی برادر تالا ر رو اشتباه زدم

چون میخوام با keyframe ّهش animation بدم

اره به انیمیشن نمیشه پوزیشن تغییر داد !!
با jQuery میشه , بیخیال CSS شو.

[sinoser]

اینم فک کنم کار کنه البته تست کن! :متفکر:
transform: translate(50vw, 50vh)

_____________مثال
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 4s;
}

@keyframes example {
from {
background-color: red;
}
to {
background-color: yellow;
transform: translate(50vw, 50vh);
}
}