图片点击翻转效果

此处写法是

css===写好样式放在一个新class名

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

js===点击时给要翻转的元素添加class名称。

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