[分享]css3常用到的特效

CSS3是网页设计中重要的技术之一，可以通过它实现许多炫酷的特效。以下是一些常用的CSS3特效：

/* 文字阴影 */
text-shadow: 2px 2px 4px #000;

/* 圆角盒子 */
border-radius: 10px;

/* 渐变背景 */
background: linear-gradient(to bottom, #ffcccc, #ff6666);

/* 旋转动画 */
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.element {
    animation: rotate 1s linear infinite;
}

/* 水平翻转 */
.flip {
    transform: scaleX(-1);
}

/* 下拉菜单 */
.dropdown {
    position: relative;
}
.dropdown-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}
.dropdown:hover .dropdown-items {
    display: block;
}

/* 外阴影 */
box-shadow: 2px 2px 4px #000;

/* 透明度渐变 */
opacity: 0.5;
transition: opacity 0.5s ease-in-out;

/* 文字溢出省略显示 */
.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} 

以上是一些常用的CSS3特效，可以帮助你让网页更加生动有趣。