HTML5中的遮罩效果能夠將頁面元素覆蓋在一個半透明的背景下，以使得用戶的關注點集中在被遮罩的元素上。以下是一個簡單的HTML5遮罩效果代碼示例： ```

Welcome to my website!
Click the button to see the modal.
Show Modal
This is a Modal
Here is some content for the modal.
Close Modal

在上述代碼中，有一個類名為‘modal’的div元素作為遮罩層，設置了一些CSS樣式，如‘position: fixed’、‘width: 100%’和‘height: 100%’等，以使其在整個顯示區域中完全覆蓋。 同時，還有一個‘modal-content’類別的div元素，它被用來在遮罩層上顯示內容。它被設置為絕對定位，并通過設置‘top: 50%’和‘left: 50%’使其在屏幕中垂直和水平居中。 JavaScript函數‘showModal()’和‘hideModal()’負責顯示和隱藏遮罩層，由一個帶有‘onclick’屬性的按鈕調用。這些函數通過設置‘display’CSS屬性來顯示或隱藏遮罩層元素。 以上是HTML5中實現遮罩效果的一個簡單的示例，它能夠增強用戶對指定內容的關注并提高用戶體驗。