三维翻页卡–wordpress
使用CSS 3D和jQuery对卡片的翻转和效果进行排序。
使用wordpress易于实现。
适用于所有现代浏览器(Google Chrome、Safari、Firefox)。
渐变效果的IE回退。
使用以下快捷代码将翻页卡添加到您的帖子或页面中:
[翻页卡]
[fc_front]
这是翻转卡片前部的HTML
[/fc_front]
[fc_back]
这是翻转卡片背面的HTML
[/fc_back]
[/flippingCard]
注意:如果你想知道我是如何配置管理页面和在实时预览中自定义翻页卡的,请通过电子邮件与我联系,我会向你展示我所做的一切。
您可以通过传递参数来编辑单个Flipping Card,以下是所有可用的参数:
[flippingCard direction=“right”type=“over”float=“left”margin=“0 10px 10px 0”
width=“300px”height=“300px”border=“1px纯灰色”borderradius=“10px”
background=“white”padding=“20px”textalign=“center”ratio=“1:2”]
更改日志
—-更新:2021年3月19日
修复了最新版本jQuery的兼容性问题
更新了组件
—-更新时间:2018年12月13日
现在与WP 5兼容
—-更新:2014年7月3日
修复了Firefox v30的一些问题
—-更新:2014年2月26日
现在,您可以在快捷方式中指定比例,如下所示:ratio=“1:2”
—-更新:2013年12月17日
修复了一些主题将图像颠倒的问题
—-更新:2013年11月19日
现在回退与IE 11兼容
—-更新时间:2013年10月10日
修复了一些主题的回退的一些问题!
—-更新:2013年10月6日
修复了加载页面时将鼠标悬停在翻页卡上时的一些问题
—-更新:2013年8月6日(替换CSS文件)
修复Firefox上3D效果的一些问题
—-更新:2013年7月26日
修复了IE上的一些控制台错误
—-更新:2013年5月21日
修复了firefox中的一些卡卡问题
—-重大更新:2013年5月8日
自动翻转效果现在可用,您可以设置卡片翻转的时间
自动,您还可以设置卡启动的时间
进行自动抓取。(您可以在实时预览中看到)
注意:当你在自动翻页卡上鼠标悬停时,它不会翻转那么长时间
当你把鼠标放在卡片上时
—-更新:2013年4月28日
现在与jQuery 1.9.1兼容
声明:本站所有资源版权均属于原作者所有。更多说明请参考 VIP介绍。禁止复制、盗用、采集、发布本站内容到任何网站、等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。如需安装,修复,wordpress主题定制,wordpress插件开发,shopify主题定制,shopify开发,请与我们联系。