CSS3技術作為網頁設計的重要一環，不僅可以美化頁面，還可實現多種動畫特效。本文將為您介紹一些CSS3的好看動畫特效。

/* 1.Scale特效 */
.box{
transition: all 0.4s ease;
}
.box:hover{
transform: scale(1.2);
}
/* 2.Rotate特效 */
.box{
transition: all 0.4s ease;
}
.box:hover{
transform: rotate(360deg);
}
/* 3.Fade In特效 */
.box{
opacity: 0;
transition: opacity 0.6s ease;
}
.box:hover{
opacity: 1;
}
/* 4.Drop In特效 */
.box{
transform: translateY(-100%);
transition: transform 0.6s ease;
}
.box:hover{
transform:translateY(0);
}
/* 5.Curtain特效 */
.box{
overflow: hidden;
}
.box:before{
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #000;
transition: all 0.6s ease;
}
.box:hover:before{
left: 0;
}

以上就是五種CSS3的好看動畫特效，希望對您的網頁設計有所幫助。