CSS中，打開禮物是指通過懸停或點擊，讓包裝被撕開展示出禮物內容的效果。這種效果通常應用于電商或節日促銷網站中，可以增強頁面的趣味性和用戶互動性。

實現打開禮物的效果需要在HTML中嵌套兩個div元素，一個用于包裝禮物，一個用于展示禮物內容。CSS樣式中需要設置初始狀態、鼠標懸停狀態和點擊狀態的樣式。

.gift-wrap {
position: relative;
}
.gift-wrap .gift {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .5s ease-in-out;
}
.gift-wrap:hover .gift,
.gift-wrap.clicked .gift {
opacity: 1;
}

上述樣式中，.gift-wrap設置為相對定位，.gift設置為絕對定位。.gift的opacity屬性初始值為0，鼠標懸停或點擊時變為1，使用transition屬性實現平滑過渡。.gift-wrap:hover和.gift-wrap.clicked分別表示鼠標懸停和點擊狀態，改變.gift的opacity值。

在HTML代碼中，需要在包裝禮物的div元素內嵌套一個展示禮物內容的div元素，并通過JS實現鼠標點擊事件。

<div class="gift-wrap" onclick="this.classList.toggle('clicked')">
<img src="gift-wrap.png" alt="獎盒">
<div class="gift">
<img src="gift.png" alt="禮物">
<p>恭喜您獲得一份神秘禮物！</p>
</div>
</div>

代碼中，通過this.classList.toggle('clicked')實現點擊狀態的切換。因為增加了JS代碼，所以需要在HTML代碼中引入JS文件。

總的來說，打開禮物的效果可以使用CSS樣式和JS實現，通過增加趣味性和互動性提升用戶體驗，是電商或節日促銷網站中常見的效果之一。