CSS3抽獎功能越來越受歡迎，上手也非常簡單，只需要一些基礎的CSS3知識和HTML代碼就能實現。

首先，我們需要在HTML中創建一個按鈕，用于觸發抽獎功能。

<button class="lottery-button">抽獎</button>

接下來，我們需要用CSS3來定義獎品的樣式，在這個例子中，我們將創建5個獎品，分別是$5、$10、$20、$50和$100。使用CSS3的偽類選擇器，我們可以對每個獎品進行樣式設計。

.lottery-prize:first-child {
color: green;
font-size: 20px;
}
.lottery-prize:nth-child(2) {
color: blue;
font-size: 24px;
}
.lottery-prize:nth-child(3) {
color: red;
font-size: 28px;
}
.lottery-prize:nth-child(4) {
color: purple;
font-size: 32px;
}
.lottery-prize:last-child {
color: orange;
font-size: 36px;
}

現在，我們已經定義了獎品的樣式，接下來我們需要使用JavaScript來實現抽獎功能。在這個例子中，我們將使用Math.Random()函數來生成一個0到4的隨機數字，該數字將對應于我們事先定義的5個獎品。

var lotteryButton = document.querySelector('.lottery-button');
var lotteryPrizes = document.querySelectorAll('.lottery-prize');
lotteryButton.addEventListener('click', function() {
var prizeIndex = Math.floor(Math.random() * 5);
alert('恭喜獲得' + lotteryPrizes[prizeIndex].textContent + '獎品！');
});

最后，我們只需要將HTML、CSS和JavaScript都放在同一個文件中，并在瀏覽器中運行，即可看到完整的抽獎功能。