CSS3實現徽章翻轉效果

1. 需求 利用下面兩張圖片素材，實現徽章由小變大，從反面翻轉到正面，最終顯示出徽章上的圖案的動畫效果。css 2. 分析 (1) 一個空白的徽章呈現爲如圖所示： transform: rotateX(58deg) rotateY(-135deg); (2) X由後仰的58度恢復到0度，Y向右翻轉135度回到0度，寬度變大 transform: rotateX(0deg) rotateY(0deg

>>阅读原文<<