|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
04.11.2013, 03:19 | #1 |
Пользователь
Регистрация: 18.12.2011
Сообщений: 14
|
Анимация движения с rotateY(x)
Добрый вечер. Хочу реализовать движение объекта по горизонтали с поворотом воруг оси Y и движение обратно.
Хотелось бы сделать так: 1)движение по X на *px. 2)поворот вокруг Y. 3)движение по на -*px. Видимо что-то делаю не так(сам поворот происходит в движении назад, а хотелось бы на месте). Код HTML:
.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);} /* */ } |
04.11.2013, 03:33 | #2 |
Пользователь
Регистрация: 18.12.2011
Сообщений: 14
|
Нашел такой способ, но считаю его нерациональным:
@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);} } Возник еще вопрос:как сделать движение картинки до конца экрана,а не до определенного кол-ва пикселей. |
04.11.2013, 12:20 | #3 | ||
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Цитата:
Alar, верни репу!
|
||
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Движения форм | Claster | Помощь студентам | 0 | 24.05.2011 13:44 |
Анимация движения Чебурашки | 4ika | Помощь студентам | 4 | 22.11.2010 22:01 |
Детектор движения | toxich | Мультимедиа в Delphi | 27 | 29.05.2010 17:56 |
Имитация движения (need help!) | SnakeLight | Общие вопросы Delphi | 2 | 05.06.2009 22:32 |
Анимация движения точки по траектории | ariant | Microsoft Office Excel | 4 | 25.12.2008 06:28 |