今日焦点 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 网站建设 » 正文

使用oriDomi折纸效果的HTML元素

放大字体  缩小字体 发布日期:2018-02-18  来源:新格网  作者:新格网  浏览次数:273  【去百度看看】
核心提示:oriDomi是一款超酷的JavaScript类库,可以把页面中任何HTML元素生成折叠效果。此类库不依赖于任何JavaScript框架(但对于jQuery可以有选择性支持)并使用CSS 3D创建过渡效果。

oriDomi是一款超酷的Javascript类库,可以把页面中任何HTML元素生成折叠效果。此类库不依赖于任何Javascript框架(但对于jQuery可以有选择性支持)并使用CSS 3D创建过渡效果。

在线演示   本地下载

主要特性

1.图片小于15K

2.可选择性支持jQuery/Ender

3.可以在iOS环境下工作

4.支持折叠效果,页面字体和动画图片

这里有一些动画演示的折叠效果,包括横向/竖向折叠、切片式,阴影等,并且所有的内容都可以自定义。此款特效还包括:手风琴、卷曲、折叠、缩放等。oriDomi兼容所有现代浏览器(包括移动设备)

如何使用

HTML

<div class="demo1">
    <h1>Hello.</h1>
    <h4>my name is oriDomi.</h4>
</div>

Javascript

$('.demo1').oriDomi('reveal', 40, 'top');

类库依赖:无

兼容性:所有主浏览器

网站来源:http://oridomi.com/

下载:https://github.com/dmotz/oridomi

来源:【简报】使用oriDomi折纸效果的HTML元素

 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 吉ICP备19006030号-4
企业800网 · 提供技术支持