css3寫法

CSS3是CSS最新的標準版本，它為網頁設計提供了更多的樣式選擇和功能，例如動畫、漸層、陰影、邊框等。下面我們來介紹一些CSS3的寫法。

1. 邊框圓角

使用CSS3，我們可以為一個元素新增圓角。這個樣式非常實用，可以讓你的網頁更美觀。

border-radius: 5px;

2. 漸層背景

使用CSS3，我們可以為一個元素添加漸層背景，而不是單一的顏色背景。這樣可以讓你的網頁更豐富多彩。

background: linear-gradient(to bottom, #1490CC, #007AAE);

3. 陰影

使用CSS3，我們可以為一個元素添加陰影，使得元素看起來更立體、更真實。

box-shadow: 2px 2px 4px #888;

4. 文字特效

使用CSS3，我們可以為文字加入特效，增強網頁的視覺效果。

text-shadow: 1px 1px 2px #888;

5. 旋轉

使用CSS3，我們可以將元素旋轉，使得網頁看起來更動態、更有生氣。

transform: rotate(45deg);

6. 動畫

使用CSS3，我們可以為元素添加動畫效果。這樣可以吸引使用者的注意力，讓網頁更生動有趣。

@keyframes move {
    0% {left: 0;}
    50% {left: 200px;}
    100% {left: 0;}
}

.element {
    animation: move 1s ease infinite;
}

7. 媒體查詢

使用CSS3，我們可以使用媒體查詢來針對不同的裝置進行頁面佈局和樣式處理。這樣可以讓你的網頁在不同裝置上有良好的使用者體驗。

@media screen and (max-width: 768px) {
    .element {
        width: 100%;
    }
}

總結：

CSS3提供了更多的樣式選擇和功能，可以實現更多樣化的網頁設計。以上是一些CSS3的寫法，可以為你的網頁提供更好的視覺效果和使用者體驗。但要注意，不同瀏覽器對CSS3的支援程度不同，需要做好相容性處理。

以上是css3寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章！