Скрываем элементы в CSS. 30 вопросов собеседования JavaScript

⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
👔 Курс 30 JavaScript вопросов собеседования: itgid.info/course/interview-2022
👇 Разверни для полной информации
🧠 Чат Telegram: t.me/itgid_info
😋 Курс Методы массивов: itgid.info/course/arraymethod
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
🧑🏻‍💻 Сайт: itgid.info
Скрываем элементы на странице HTML с помощью CSS свойств. Изучаем чем отличаются свойства display, visibility, opacity, как наследуются и как влияют на дочерние элементы.
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D
Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro
+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

Пікірлер: 23

  • @olgaorlova2131
    @olgaorlova21318 ай бұрын

    Спасибо огромное. Так рада, что нашла ваш канал!

  • @jinke5935
    @jinke59352 жыл бұрын

    Есть ещё 1 способ скрыть блок. Брутальный, суровый и беспощадный: position: absolute; top: -9999px; left: -9999px;

  • @MrKOHKyPEHT

    @MrKOHKyPEHT

    2 жыл бұрын

    А родителю написать: overflow: hidden;

  • @vipnetdemo

    @vipnetdemo

    2 жыл бұрын

    чел, харош

  • @iamname8758

    @iamname8758

    2 жыл бұрын

    Проще z-index - 9999

  • @apsolution4722

    @apsolution4722

    2 жыл бұрын

    Тебе не нужно будет скрывать блок, если ты его не напишешь;)

  • @stormbraker637

    @stormbraker637

    Жыл бұрын

    Transform:scale(0)

  • @logizm9431
    @logizm9431 Жыл бұрын

    Мужик круто объясняет. Подписка не сразу..

  • @placid3495
    @placid34952 жыл бұрын

    Класс! Короткое, понятное и простое видео приятно посмотреть.

  • @user-hu1mk4tw2q
    @user-hu1mk4tw2q2 жыл бұрын

    Очень круто!

  • @ivanpav
    @ivanpav2 жыл бұрын

    Есть ещё нюанс с opacity и visibility - если блок с opacity позиционирован над блоком (например для затемнения, ну вот такой эффект) то он не "пропускает" клик даже с 0 значением, а такой же блок с visibility будет пропускать

  • @user-bg3hu1oz4y

    @user-bg3hu1oz4y

    Жыл бұрын

    Pointer-events и все пропускает

  • @bestlife9681
    @bestlife96812 жыл бұрын

    Полезно спасибо!!

  • @user-ff3lc1et3u
    @user-ff3lc1et3u2 жыл бұрын

    Можете включать тёмную тему в инструментах разработчика? Будет хорошо видно

  • @ihatetoys1528
    @ihatetoys15282 жыл бұрын

    Супер

  • @nerusnotfound
    @nerusnotfound2 жыл бұрын

    *Александр, на чем монтируете видео?*

  • @nerusnotfound
    @nerusnotfound2 жыл бұрын

    *4:36** для этого эффекта просто можно убрать фоновой цвет первого блока*

  • @virtuoz-ru

    @virtuoz-ru

    2 жыл бұрын

    А текст "block -1" куда?

  • @nerusnotfound

    @nerusnotfound

    2 жыл бұрын

    @@virtuoz-ru так он же его оставил видимым

  • @anonimusculture9378
    @anonimusculture93782 жыл бұрын

    прошу обьяснять и другие ответы на вопрос (что они значат в кратце). спасибо

  • @vozay
    @vozay2 жыл бұрын

    А если block-1 opacity: .5 и block-2 opacity: .5, то результат для второго блока будет opacity: 0.25

  • @libertariancom

    @libertariancom

    10 ай бұрын

    Прикол

Келесі