Jump to content
  • Sign Up
musaisaev271020

Проблема с анимацией кнопки на сайте

Recommended Posts

Начальство отдало фрилансерам несколько млн. рублей за данный сайт (beta.sintez.io), при этом анимация кнопки на главной странице рваная и дерганная, конец одного состояния кнопки не попадает в начало зацикленной части. Так как на сайте очень много графических элементов и анимаций, было принято решение сделать прелоадер, после загрузки которого должна начаться анимация всех элементов сайта, плавно, без дерганий и потерь кадров, особенно это касается главную кнопку (кнопка PLAY) в центре на первом экране. Она имеет 3 состояния - 1. появление(24 кадра), 2. основная анимация(48 кадров), 3. наведенное состояние. Проблема в том, что после загрузки прелоадера, анимация "появления" начинается либо не с первого кадра, либо "основная анимация" начинается не дождавшись завершения анимации "появления", то есть, две анимации накладываются друг на друга, в итоге получаем "рваную анимацию", потерю кадров и в общем не корректную работу данной кнопки. 

РЕФЕРЕНС ПРАВИЛЬНОЙ РАБОТЫ КНОПКИ: https://youtu.be/Eckeyw7VDtk

Фрилансеры сваливают эту проблему на "слишком большое количество графических элементов и анимации", а так же, что существующие веб-технологии и суперкомпьютеры не способны плавно воспроизвести анимацию состояющую из двух небольших WEBP файлов. Действительно ли это так? Если нет, то в чем ошибка в текущей версии?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Progrmergr
      <button class="but" onclick="tap">Пельмени</button> Как я могу в JS получить слово "Пельмени"?
    • By shumz
      Задача: Создать линию определённых размеров и расположить её по центру экрана.
      Код HTML: 
      <div class="line"></div>
      Код CSS:
      .line {
          position:absolute
          margin-top:650px;
          height:2px;
          width:1200px;
          background: black;
      }
  • Member Statistics

    46,837
    Total Members
    1,451
    Most Online
    HARDSOFT
    Newest Member
    HARDSOFT
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...