Не постоји само једно својство ЦСС-а за којим посежете када скривате и приказујете ствари у ЦСС-у. Постоји мноштво разматрања на која ћемо ићи у овом видеу.
На пример, постоји display
имовина у којој display: none;
је врло ефикасно сакривање ствари. Али сакриће тај елемент и од помоћне технологије, а то не желите увек, попут падајућег навигационог менија (падајући менији су визуелно сакривени, али не би требали бити скривени од помоћне технологије).
А display
није ни пролазно, па ако желите да уклоните / избледите тај елемент са transition
, то је ван. Осим ако не укључите ЈаваСцрипт да бисте применили то својство тек након што се догодио прелаз.
Шта је пролазно? opacity
јесте, а испоставило се да visibility
је такође. Ова комбинација је прилично корисна заједно, јер када елемент једном има visibility: hidden;
, не омета догађаје попут кликова / додира. Ова комбинација не уклања елемент из тока странице, што може бити корисно или не. position
Имовина може бити корисно у тим околностима.
Видите! Толико о чему треба размишљати!