CSS3 是 CSS（层叠样式表）的最新版本，它提供了许多新的功能和特性，使得网页设计更加灵活和丰富。以下是一个简单的 CSS3 实例代码，用于创建一个带有动画效果的按钮：

    

    

    CSS3 Button with Animation

    

        .button {

            display: inline-block;

            padding: 10px 20px;

            font-size: 16px;

            cursor: pointer;

            background-color: 4CAF50;

            color: white;

            border: none;

            border-radius: 5px;

            text-align: center;

            text-decoration: none;

            transition-duration: 0.4s;

        }



        .button:hover {

            background-color: 45a049;

        }



        .button:active {

            background-color: 3e8e41;

        }

    





    Click me

这个示例中，我们创建了一个名为 "button" 的 CSS 类，它具有以下属性：

- `display`: `inline-block`，使按钮在一行内显示。
- `padding`: 10px 20px，设置按钮的内外边距。
- `font-size`: 16px，设置按钮的字体大小。
- `cursor`: `pointer`，设置鼠标悬停时指针的形状。
- `background-color`: `4CAF50`，设置按钮的背景颜色。
- `color`: `white`，设置按钮的文字颜色。
- `border`: `none`，隐藏按钮的边框。
- `border-radius`: `5px`，为按钮添加圆角。
- `text-align`: `center`，设置按钮文本的对齐方式。
- `text-decoration`: `none`，移除按钮上的下划线。
- `transition-duration`: `0.4s`，设置按钮的过渡时间。

当用户悬停在按钮上时，背景颜色会变为 `45a049`；当用户点击按钮时，背景颜色会变为 `3e8e41`；当用户按下按钮时，背景颜色会变为 `3e8e41`。css +css3学习时的实例代码