CSS3 SVG图文卡片内容翻转切换特效

这是一款简单又创意个性的CSS3SVG图文卡片内容翻转切换特效，左右箭头按钮控制切换。

js代码
<script>
varstage=document.querySelector('.stage');
varbackground=document.querySelector('.background');varrotation=0;document.querySelector('.button_prev').
addEventListener('click',function(){returnapplyStyles(rotation+=90);});document.querySelector('.button_next').
addEventListener('click',function(){returnapplyStyles(rotation-=90);});functionapplyStyles(){
background.style.filter='hue-rotate('+rotation+'deg)';
stage.style.transform='rotateZ('+rotation+'deg)';
}</script>



下载

2023-11-23 01:32 上传

点击文件名下载附件
售价: 3 金币  [记录]  [购买]