Задать вопрос

ANKU

Ответы пользователя по тегу HTML

  • Почему страница не всегда скролит до нужного якоря?

    @AnKu_11
    Т.к. картинка прогружается позже - происходит сдвиг макета.
    Варианты решения:
    1. Поставьте атрибуты width / height для картинки, из них браузер поймет пропорции и зарезервирует место под изображение, что предотвратит сдвиги макета;
    2. Установить aspect-ratio свойство, через css aspect-ratio: var(--width) / var(--height); или точные значения - не работает в IE;
    3. Установить aspect ratio через дополнительную обертку с паддингом, в которой разместить изображение абсолютно. Типа div.ratio>img.absolute, в стилях для .ratio ставим padding-top: calc(100% / var(--width) * var(--height));
    Ответ написан
    Комментировать
    Комментировать

  • Как повторить такую анимацию?

    @AnKu_11
    Держи, скопируй в Т123


    Или вот покороче вариант
    <script src="https://cdn.jsdelivr.net/gh/shiza7872/My-First-Project/Fluid.js"></script>

<style>
  #renderSurface {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
</style>
<canvas id="renderSurface"></canvas>

<script>
  const canvas = document.getElementById('renderSurface');
  let myFluid = new Fluid(canvas);
  myFluid.activate();
</script>
    Ответ написан
    Комментировать
    Комментировать

  • Как можно во flex сетке закрасить отступы gap?

    @AnKu_11
    grid на flex поменяй, но суть та же

    Ответ написан
    13 комментариев
    13 комментариев