HTML5卡片人物介绍动画展示效果

所属分类:媒体-图片展示

 48865  558  查看评论 (23)
分享到微信朋友圈
X
HTML5卡片人物介绍动画展示效果 ie兼容11
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/material-cards.css">

引入3个css,一个bootstrap框架,一个字体css,一个样式css

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.material-cards.min.js"></script>

引入两个js


相关插件-图片展示

jQuery移动端对图片进行拖拽与旋转等操作

选着一个背景模板 然后对图片进行拖拽或者旋转一个角度 或者放大和缩小 进行调整 然后保存下来
  图片展示
 24400  303

jQuery圆形转动切换文字

jQuery实现头像和文字的切换,并且伴随着圆环的转动,很有趣的效果
  图片展示
 31681  511

jQuerh H5移动端图片预览插件fly_zomm_img.js

H5图标浏览插件,支持多图识别切换,支持手势放大切换
  图片展示
 65308  371

JQUERY全屏撕裂幻灯片-FULLSCREEN-SLIT-SLIDER

fullscreen-slit-slider由 jQuery 和 css3 打造而成。为我们提供了一个全屏的撕裂效果的幻灯片,接下来我就为大家讲解以下相关的用法。
  图片展示
 43746  421

讨论这个项目(23)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?盘尼西林 0
    2019/6/27 15:45:03
    莫莫 0
    2018/12/17 9:36:35
    IE9 已测试,点击右上角的点赞按钮,无反应。可惜可惜
        ?盘尼西林0
        2019/6/27 15:44:29
        我也没有
    回复
    莫莫 0
    2018/12/17 9:19:06
    效果超级棒,可惜没有J币。支持一下吧。 回复
    GDN 0
    2018/4/24 17:12:23
    我喜欢这种效果!!! 回复
    levrson 0
    2017/7/18 11:12:44

    卡片框的颜色怎么修改啊我想用自己稀的颜色怎么弄?

        GDN0
        2018/4/24 17:13:06
        在?改
        久安丶1
        2019/3/3 16:22:14
        1,参考material-cards.css这个css文件。
        2,浏览器打开页面,F12打开开发者模式后ctrl+shift+c唤起小箭头,点击相应的框,就能知道哪个css以及哪个class控制。
        3,看看是不是js动态修改。
    回复
    I'm 0
    2017/5/22 13:21:55

    我喜欢这种效果!!!

    回复
    flyinox 0
    2017/2/25 13:19:56
    效果很赞,学习一下!谢谢 回复
    0
    2017/2/18 14:54:38
    北京-刘小艺 0
    2017/1/17 16:48:08
    ??故事缺你√ 0
    2016/12/21 16:12:53
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复