Накратко
Елементът се скрива, но подредбата запазва неговата кутия.
Полезно е да знаеш
visibility: hidden прави елемента невидим, като запазва мястото му в подредбата. За разлика от display: none, останалото съдържание не се премества автоматично в освободена област. [1]
Това може да е уместно за временно скрит индикатор, чиято поява не трябва да мести текста. Скритият елемент не може да получи фокус и се премахва от дървото за достъпност. Следователно тази настройка не е начин да оставиш невидим, но използваем бутон. Избери поведението според задачата, а не само според това как изглежда страницата.
Източници
За повече подробности и проверка на информацията: