CSS3 移動效果越來越受到前端開發者的重視。通過 CSS3 手機特效，可以使你的網站更具活力，更具吸引力。

//例一：平滑過渡
.move {
transition: all 0.5s ease-in-out;
}
.move:hover {
transform: translateX(50px) rotate(30deg);
}
//例二：旋轉變形
.rotate {
transform-origin: center center;
transition: transform 0.3s ease-in-out;
}
.rotate:hover {
transform: rotate(360deg);
}
//例三：縮放變形
.scale {
transform-origin: center center;
transition: transform 0.3s ease-in-out;
}
.scale:hover {
transform: scale(1.2);
}
//例四：透明度變化
.opacity {
transition: opacity 0.2s ease-in-out;
}
.opacity:hover {
opacity: 0.5;
}

以上僅為 CSS3 移動特效的一些示例，通過靈活運用，可以打造出更多的特效形式。同時也要注意，特效過多會影響網站性能，適度使用便可。