關于CSS3動畫的機試題

1. 請問如何使用CSS3實現一個旋轉效果？
答：使用transform屬性中的rotate()函數即可，例如：
.rotate {
transform: rotate(30deg);
}
2. 如何實現一個漸變動畫？
答：可以使用CSS3的transition屬性，例如：
.fade {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.fade:hover {
opacity: 1;
}
3. 如何實現一個縮放動畫？
答：可以使用transform屬性中的scale()函數，例如：
.scale {
transform: scale(1.5);
transition: all 0.3s ease-in-out;
}
.scale:hover {
transform: scale(1);
}
4. 如何制作一個跳動的動畫？
答：使用CSS3的animation屬性，可以制作復雜的跳動動畫，例如：
.bounce {
animation: bounce 1s ease-in-out infinite;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}