[分享]css3可以实现的样式

CSS3是CSS的最新版本，它增加了许多新的功能和样式，可以实现各种各样的设计效果。以下是一些CSS3可以实现的常见样式：/ 圆角 / div { borderradius: 10px; } / 阴影...

CSS3是CSS的最新版本，它增加了许多新的功能和样式，可以实现各种各样的设计效果。以下是一些CSS3可以实现的常见样式：

/* 圆角 */
div {
    border-radius: 10px;
}

/* 阴影 */
div {
    box-shadow: 2px 2px 5px #aaa;
}

/* 渐变背景 */
div {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}

/* 文字阴影 */
h1 {
    text-shadow: 2px 2px 5px #aaa;
}

/* 旋转 */
img {
    transform: rotate(45deg);
}

/* 动画 */
div {
    animation: myanimation 2s ease-in-out;
}
@keyframes myanimation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
} 

除了上面列举的样式，CSS3还可以实现更多功能，例如多列布局、媒体查询、伸缩盒子等。当然，不同的浏览器对CSS3的支持也有所不同，开发者需要根据实际情况使用。