Показать сообщение отдельно
  #2 (permalink)  
Старый 21.01.2019, 17:46
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

На всякий случай... Вдруг пригодится
<style>
div {  position:absolute;
         display:block;
         width:100px;
         text-align: center;
         font-family:Arial;
      }
</style>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
var tim = ["17.30","18:00","18:30","19:00","19:30","20:00","20:30","21:00","21:30"],
cont = document.querySelectorAll("div");
var delta = 0;
for (var i = 0; i < tim.length; i++) {
     var sinus = Math.sin(i * Math.PI / 8),
           cosin = 1 - Math.cos(i * Math.PI / 8);
     cont[i].style.top = (cosin * 100 - 10 * sinus) + "px";
     cont[i].style.opacity = sinus;
     cont[i].innerText = tim[i];
     cont[i].style.fontSize = 20 * sinus + "px";

}
</script>
Ответить с цитированием