Анимация движения с rotateY(x)

[mdekalka]

Добрый вечер. Хочу реализовать движение объекта по горизонтали с поворотом воруг оси Y и движение обратно.
Хотелось бы сделать так:
1)движение по X на *px.
2)поворот вокруг Y.
3)движение по на -*px.
Видимо что-то делаю не так(сам поворот происходит в движении назад, а хотелось бы на месте).

.polyp
	{
		position:absolute;
		background:url(img/polyp.png) no-repeat;
		width:130px;
		height:95px;
		animation: pip 5s linear 0s  infinite;
		border:1px solid red;
	 }
@keyframes pip
				{
					0% {transform:translate(0, 0);}
					50% {transform:translate(300px, 0); }
					55% { transform:rotateY(90deg); }
					100% {transform:translate(0,0);}
					/*  */
				}

[mdekalka]

Нашел такой способ, но считаю его нерациональным:

@keyframes pip
{
0% {transform:translate(0, 0);}
50% {transform:translate(300px, 0); }
55% { transform: translate(300px,0) rotateY(90deg); }
60% { transform: translate(300px,0); }
100% {transform:translate(0,0);}

}
Возник еще вопрос:как сделать движение картинки до конца экрана,а не до определенного кол-ва пикселей.

[Naive]

Нашел такой способ, но считаю его нерациональным

правильный способ, только не хватает вендоров вебкита для сафари и оперы.

как сделать движение картинки до конца экрана,а не до определенного кол-ва пикселей

через свойство left, без трансформа.