图片点击翻转效果
Posted millet-23
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片点击翻转效果相关的知识,希望对你有一定的参考价值。
此处写法是
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
})
})
以上是关于图片点击翻转效果的主要内容,如果未能解决你的问题,请参考以下文章