CSS動態修改可見隱藏是Web開發中一個非常重要的技能，它可以幫助我們實現許多有趣的功能，比如點擊按鈕后顯示或隱藏某些元素。下面我們來探討一下如何使用CSS實現可見隱藏的效果。

/* CSS3代碼 */
.box {
display: none;
}
.box.show {
display: block;
}

其中，.box是要隱藏或顯示的元素，display: none表示默認隱藏，.box.show表示給.box添加一個show的類名，用以顯示元素。
假如有一個按鈕button，點擊它可以控制.box元素的顯示或隱藏，那么對應的JavaScript代碼如下：

// JavaScript代碼
var btn = document.querySelector('button');
var box = document.querySelector('.box');
btn.addEventListener('click', function () {
box.classList.toggle('show');
});

其中，classList.toggle()方法可以切換.box元素的show類名。這樣就可以通過點擊按鈕來控制元素的顯示或隱藏了。