CSS3提供了多種漸變的方式，其中從下往上的漸變是比較常用的一種，我們可以通過線性漸變或徑向漸變來實現。下面是一些使用CSS3從下往上漸變的示例：

.gradient-linear {
background: linear-gradient(to top, #ff0000, #00ff00);
}
.gradient-radial {
background: radial-gradient(circle at 50% 0%, #ff0000, #00ff00);
}

在上面的代碼中，我們使用了兩種不同的漸變方式，分別是線性漸變和徑向漸變。

線性漸變的語法是這樣的：

linear-gradient(direction, color-stop1, color-stop2, …);

其中direction表示漸變的方向，可以從上到下、從左到右、從斜上到斜下等多種方向。在這里，我們使用了to top，表示從下往上。color-stop則表示漸變的顏色，可以設置多個顏色值。

徑向漸變的語法如下：

radial-gradient(shape size at position, start-color, ..., last-color);

其中shape可以是circle或ellipse，size表示大小，position表示中心點的位置。在這里，我們使用了circle和50% 0%，表示以頁面寬度的50%作為中心點，從下往上漸變。

上述代碼可以在任何元素中使用，例如div、button等。需要注意的是，不同的瀏覽器可能對漸變的支持不盡相同，有些瀏覽器可能需要特定的前綴才能正常顯示。