Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!

Поделиться
HTML-код
  • Опубликовано: 27 янв 2025

Комментарии • 28

  • @ТОЛЬКОПОБЕЗДОРОЖЬЮ
    @ТОЛЬКОПОБЕЗДОРОЖЬЮ 11 месяцев назад +2

    Спасибо за урок друг👍

  • @alexpro7033
    @alexpro7033 4 месяца назад +1

    Спасибо, ясно и понятно!

  • @Drab-vq9bt
    @Drab-vq9bt 2 года назад +5

    Очень качественный контент! 👏

  • @alialiev4667
    @alialiev4667 2 месяца назад

    Большое спасибо 🙏

  • @YuliiaVoinarovska
    @YuliiaVoinarovska 11 месяцев назад

    Супер, спасибо! Отличное разьяснение всех ньюансов.

  • @АлександрШирокопояс-е5м

    Cупер👌

  • @костянильин-т9щ
    @костянильин-т9щ 7 месяцев назад

    заметил баг если применить в обнулении стилей(*,*:before,*:after:box-sizing:border box;)контент не раскрывается полностью. нашел самое простое и единственное решение , блоку с контентом в css написать (box-sizing:content-box)

  • @AntonioBenderas
    @AntonioBenderas 2 года назад +2

    4:48 а что значит фонт-сайз 100% и ниже 16рх для html, body?

    • @frontend_case
      @frontend_case  2 года назад +4

      фонт-сайз 100% нужно убрать, оно там не нужно, старый файлик с обнулением использовал

  • @jerri5700
    @jerri5700 Год назад

    Здравствуйте! Подскажите, пожалуйста, где скачать файлик обнуления null.css ?

  • @AntonioBenderas
    @AntonioBenderas 2 года назад +2

    А что если вместо div использовать теги details summary?

    • @frontend_case
      @frontend_case  2 года назад +3

      1) Если делать такой же функционал, как в этом аккордеоне, то кода будет столько же, мы ничего не выиграем
      2) Хромает кроссбраузерность
      3) И самое главное, оно не анимируется!
      Но инструмент, когда не нужна плавность и большой функционал, хороший)

    • @OleksandrBeley
      @OleksandrBeley 2 года назад +1

      rsschool?)

    • @AntonioBenderas
      @AntonioBenderas 2 года назад +1

      @@OleksandrBeley ага)

  • @СветланаГруздева-л7ю

    Все отлично, только управлять с клавиатуры нельзя.

  • @zelenyigor6919
    @zelenyigor6919 2 года назад +2

    👍

  • @ArcStrikee
    @ArcStrikee 2 года назад +1

    Всё хорошо, но когда закрытый последний аккордеон то после футера появилось много пространства

    • @frontend_case
      @frontend_case  2 года назад +1

      А какое отношение это имеет к аккордеону?
      Значит надо сделать правильную структуру страницы, чтобы прижать футер к концу страницы и чтобы он не зависил от количества контента.
      Посмотри это видео:
      ruclips.net/video/PkRfva3uEn4/видео.html

    • @ArcStrikee
      @ArcStrikee 2 года назад +1

      @@frontend_case изначально прижимал футер

    • @ArcStrikee
      @ArcStrikee 2 года назад +1

      @@frontend_case для контента не задал overflow:hidden в этом проблема была

    • @frontend_case
      @frontend_case  2 года назад +1

      @@ArcStrikee а ну да тогда, конечно будет такое явление) я в видео задал overflow

  • @dvromin
    @dvromin Год назад +2

    единственное нормальное видео про аккордеон и всего тысяча просмотров. а треш аккордеоны от бездарных джунов набирают сотни тысяч просмотров

  • @self_education_l4397
    @self_education_l4397 9 месяцев назад

    поменьше бы "эээ"

  • @IamGabimaru
    @IamGabimaru 3 месяца назад

    Спасибо, но не очень приятно слушать такую речь которая запинается, повторяется и тому подобное, есть куда стремиться!

  • @АнжелаКузьмина-г4т

    Все понимаю, начинающий ютубер, все с чего то начинают. Но если хочешь делать качественный контент, меняй свою речь, дикцию и уверенность. Видео запись делай по дублям, чтобы не было по типу эканья или слов Хейт))) ору кароче

  • @user-natal04ka
    @user-natal04ka 22 дня назад

    Огромное спасибо 😊