Бесконечный цикл, помогите составить
Хочу сделать постоянное движение небольшого блока внутри блока побольше, изменяя значение стилей "left" и "top" от 0 до 150px, а при достижении 150px изменять значения этих стилей от 150 до 0рх, и сначала от 0 до 150 ...
Т.е. нужен бесконечный цикл изменяющий переменную с шагом 1 от 0 до 150 и назад от 150 до 0. |
Это и на CSS3 можно сделать.
|
|
Цитата:
while(true){alert('I will survive')}
|
рони спасибо за Вашу функцию "setWay",
красиво написан код function infinityMove(). |
Вот на css3:
<style>
div{
position: relative;
}
input{
-webkit-animation: diagonal 2s infinite forwards;
animation: diagonal 2s infinite forwards;
position: absolute;
top: 0;
left: 0;
}
@-webkit-keyframes diagonal{
50%{
top: 150px;
left: 150px;
}
100%{
top: 0;
left: 0;
}
}
@keyframes diagonal{
50%{
top: 150px;
left: 150px;
}
100%{
top: 0;
left: 0;
}
}
</style>
<div>
<input type="radio">
</div>
|
Это не бесконечный цикл, а колебательный процесс, или проекция волны на плоскость, например y= sin x.
|
| Часовой пояс GMT +3, время: 01:39. |