• 福州率先出台人才共有产权住房政策 工作满12年可获完全产权 2019-08-21
  • 领克02:锁好车门,总想回头多看你一眼 2019-07-12
  • 雄安新区公布非法集资举报电话:最高奖励15000元 2019-07-12
  • 石家庄、定州大沙河惊现3公里“垃圾带” 2019-07-09
  • 儿童掉进冰窟 小伙用双手砸出“生命通道” 2019-07-09
  • 中国丹寨少年亮相世界杯揭幕战 2019-07-08
  • 拉萨市海拔4300米以下再无“无树村 无树户” 2019-07-08
  • 618独特风景:新品密集上苏宁 这次迎来比佛利 2019-06-22
  • 北京:推租赁型集体宿舍  每房间最多住8人 2019-06-22
  • 0712-2888027 189-8648-0214
    微信公众号

    孝感风信网络科技有限公司微信公众号

    当前位置: 里昂队徽 > 技术支持 > HTML5/CSS3 > Magic CSS3 Animations 动画是一款独特的CSS3动画库

    Magic CSS3 Animations 动画是一款独特的CSS3动画库

    时间:2018-03-29来源:风信网 点击:
    Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css 就可以使用了。

    GitHub地址:https://github.com/miniMAC/magic

    项目地址:https://www.minimamente.com/example/magic_animations/
    Magic CSS3 Animations 动画是一款独特的CSS3动画特效包

    用法

    1.首先引入magic.css文件(或压缩版本magic.min.css)
        
    <link rel="stylesheet" href="yourpath/magic.css">

    2.给指定的元素加上指定的动画样式名

    <div class="magictime puffIn"></div>

    其中magictime决定动画的持续时间,必须添加的样式名。

    也可以通过jQuery来实现:
        
    $('#element').addClass('magictime puffIn');

    3.所有的动画样式名请参见demo页面。

    JQuery使用示例代码:

    1、鼠标hover事件加动画特效
    $('.yourdiv').hover(function () {
      $(this).addClass('magictime puffIn');
    });

    2、增加定时器
    //set timer to 5 seconds, after that, load the magic animation
    setTimeout(function(){
          $('.yourdiv').addClass('magictime puffIn');
    }, 5000);

    3、如果你想在一段时间后加载动画,进行循环,你可以使用这个例子:

    //set timer to 3 seconds, after that, load the magic animation and repeat forever
    setInterval(function(){
        $('.yourdiv').toggleClass('magictime puffIn');
    }, 3000 );
    栏目列表
    推荐内容
    热点内容
    展开
  • 福州率先出台人才共有产权住房政策 工作满12年可获完全产权 2019-08-21
  • 领克02:锁好车门,总想回头多看你一眼 2019-07-12
  • 雄安新区公布非法集资举报电话:最高奖励15000元 2019-07-12
  • 石家庄、定州大沙河惊现3公里“垃圾带” 2019-07-09
  • 儿童掉进冰窟 小伙用双手砸出“生命通道” 2019-07-09
  • 中国丹寨少年亮相世界杯揭幕战 2019-07-08
  • 拉萨市海拔4300米以下再无“无树村 无树户” 2019-07-08
  • 618独特风景:新品密集上苏宁 这次迎来比佛利 2019-06-22
  • 北京:推租赁型集体宿舍  每房间最多住8人 2019-06-22
  • 700023海南投注网平台 内蒙古11选5走势图 安徽11选5胆拖什么意思 如何看时时彩走势挑号 注册mg游戏送彩金不限ⅰd 山东11选5计划手机软件 开一个小牛专卖店要多少钱 gpk电子平台 l老时时 20选5复式中奖计算器 网上买重庆时时彩可以报警吗 天津时时开奖结果上银狐网 gpk钱龙捕鱼客户端 山东时时玩法介绍 一分赛车彩的走势图怎么看 官方有极速时时彩吗