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

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

 48871  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


相关插件-图片展示

原生js放大镜(原创)

一个普通的图片放大镜功能,放大倍数可自定义
  图片展示
 21381  322

jQuery唯美图片Y轴展示

实现精美唯美图片Y轴展示效果
  图片展示
 37206  498

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 50117  693

纯css3放大镜

通过css3样式实现放大镜的效果
  图片展示
 42741  378

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复