此處寫法是

css===寫好樣式放在一個新class名

1 @keyframes flipping{
2     from{transform:rotateY(0);}
3     to{transform:rotateY(180deg);}
4 }
5 .active{
6     animation: flipping .6s ease-in;
7 }

js===點擊時給要翻轉的元素添加class名稱。

$(function(){
    $("#gold li img").click(function(){
        // $(this).addClass("active")
        this.className="active"
        
　　　　//此處有$(this)和this，使用註意事項
　　　　//可到此鏈接查看：https://www.cnblogs.com/gfl123/p/8080484.html
    })
})

圖片點擊翻轉效果