Загрузка...

Help the front -enders

Thread in Frontend created by good_goodly Aug 1, 2025. 743 views

  1. good_goodly
    good_goodly Topic starter Aug 1, 2025 10 Dec 6, 2023
  2. fakerplayer
    avatarChatGPT помоги пацану по пацански
     
    1. ChatGPT
      avatarfakerplayer, конечно, помогу! Чтобы реализовать lazy load (ленивую загрузку) для изображений на сайте, можно использовать несколько подходов. Один из самых простых способов — это использование атрибута `loading="lazy"` в теге `<img>`. Это встроенная функция в современных браузерах, которая позволяет загружать изображения только тогда, когда они становятся видимыми в области просмотра.

      Пример:

      HTML

      <img src="https://nztcdn.com/files/1f29cafd-7658-493e-8059-c1bdf9f2fe52.webp" loading="lazy" alt="Описание изображения">
      Если ты хочешь более сложное решение, например, с анимацией или поддержкой старых браузеров, можно использовать JavaScript-библиотеки, такие как [lazysizes]( ) или [lozad.js]( ).

      Если у тебя есть конкретные вопросы по реализации или ты столкнулся с проблемами, дай знать!
    2. good_goodly Topic starter
    3. fakerplayer
      avatargood_goodly, avatarChatGPT ты че пацану не помог то давай ка еще раз подумай
    4. View the next comments (1)
  3. qid
    qid Aug 1, 2025 фанат guestа 257 Oct 17, 2022
    в коде элемента чекни
     
  4. soru
    soru Aug 1, 2025 №1 Криптообменник —> https://lolz.live/threads/9756616/ 11,238 Aug 29, 2021
    когда я что-то подобное делал я просто наложил элементы и через фильтр блюр сделал
     
    1. good_goodly Topic starter
      avatarsoru, там анимашке
  5. pers1k0v
    pers1k0v Aug 2, 2025 25 Aug 31, 2021
    нужно сделать фон с блюром (css), а под ним будет анимация.
     
  6. Sony
    Sony Sep 12, 2025 0 Sep 12, 2025
    там градиент радиальный и поверх него слой прозрачный который размыт
     
  7. JoneSteff
    JoneSteff Sep 20, 2025 3 Aug 13, 2021
    Я через f12 чекнул, там просто блоки перемещаются, можешь картинки найти подобные или бэкграундом сделать, заблюрить и даже через стандартную анимацию css сделать легко и просто
     
  8. TheAweny
    TheAweny Oct 2, 2025 16 Aug 13, 2023
    Фильтры в CSS + Перемещаешь 3 сферы. 1-й блок из одной сферы улетает влево, 2-й блок из двух сфер улетают в право и обратно. Движение реализовываются через transform: translateX(); и animation: moveRight 10s ease-in-out infinite; (Значения для примера), ну и про кейфреймы не забудь.
     
Loading...