Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

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

作者/代码整理:  (转载请附加本文地址,带?#23567;?#25042;人原生”字样的谢绝转载) 发布日期:2018-10-27
这是一款简单又创意个性的CSS3 SVG图文卡片内容翻转切换特效,左右箭头按钮控制切换。


js代码

<script>
var stage = document.querySelector('.stage');
var background = document.querySelector('.background');

var rotation = 0;

document.querySelector('.button_prev').
addEventListener('click', function () {return applyStyles(rotation += 90);});

document.querySelector('.button_next').
addEventListener('click', function () {return applyStyles(rotation -= 90);});

function applyStyles() {
  background.style.filter = 'hue-rotate(' + rotation + 'deg)';
  stage.style.transform = 'rotateZ(' + rotation + 'deg)';
}</script>

猜你喜欢...
高级版我买单联盟5.4.1微擎小程序源码 商家加盟区块链源码
多商家微信小程序商城源码 带商家入驻 thinkPHP商城分销拼团源码
微商助理防伪防窜货溯?#21019;?#29702;授权查询系统源码
标准版亿恒共享借物系统1.1.4微信小程序 租赁共享借物系统源码
O2O全能派单至尊支付版3.0.1上门预约公众号微擎源码
基础版政务预约1.0.0首发微信小程序源码
带小程序分支的万能?#22836;?4.1.0无授权无加密
html5仿微信群聊天单独手机网页版带群组群聊
商业版NiuCms智慧城市 智慧生活系统 电商?#25945;?带商家入驻带采集功能
百度小偷 搜索引擎源码 PHP搜索引擎 SEO站群源码二开版
趣投币圈2.0最新版 投资理财实时汇率 专业理财投资?#25945;?#28304;码
微信公众号连锁多网点1.3.4版快速买单付款 买单付款会员折扣神器
苹果cmsV10x视频源码 视频图片小说源码带会员带广告位 视频网站源码
校园餐饮配送1.0.1微擎小程序源码 校园餐饮配?#22836;?#21153;源码
区块链模式疯狂蚂蚁矿池源码 挖矿首选源码 无加密可打包APP
影视投资理财高效投资项目收益邀请好友分销推广
房产系统综合房产出租售卖二手房转?#21046;平?#29256;系统源码多城市+单城市
朋友圈文章赚钱系统AI智能版分享秘笈6.1.8开源
微擎小程序社区拼团商业版麦芒社区团购2.0.66拼团附带三大插件
微擎最新版螃蟹投票功能模块1.8.3.1无加密免授权投票系统源码
极速快三全天人工计划
附近的彩票投注站福清 内蒙古十一选五奖结果 代理东方国际彩票平台 讯盈网球比分直播 香港赛马会图片 北单投注方式 双色球基本走势图近50 一套连码人民币值多少钱 3d彩票论坛首页 香港马会资枓一肖中特三肖 燕赵风采好运彩3 云南省福利彩票开奖结果 湖南幸运赛车如何办理 ag平台迅盈网球比分 新疆18选7走势图