如果你想讓元素占據整個屏幕，只需要使用 CSS3 中的 scale 屬性。 使用

scale

屬性時，可以設置元素水平和垂直方向的縮放倍數，讓元素填滿整個屏幕。 下面是一個簡單的 CSS3 scale 全屏動畫的例子：

.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(1);
transition: all .5s ease-in-out;
}
.fullscreen:hover {
transform: scale(1.1);
}

這個例子中，我們設置了一個類名為 'fullscreen' 的元素占據整個屏幕。它的位置使用了固定定位，以充分利用整個屏幕。 我們還設置了一個縮放倍數為 1 的

transform

屬性。通過添加鼠標懸停事件，當光標懸停在元素上時，我們可以通過改變縮放倍數來實現動畫效果。 此外，我們還為元素設置了一個 CSS3 過渡效果，使變化更加自然流暢。 通過學習這個例子，你可以自由地探索 CSS3 中的縮放效果，來打造獨特的全屏體驗。