3D旋转+SVG路径动画

所属分类:其他,媒体-动画效果,滑块和旋转

 30498  293  查看评论 (16)
分享到微信朋友圈
X
3D旋转+SVG路径动画 ie兼容12

更新时间:2022-02-15 00:46:09

new Rotation3D({
    id: '#rotation3D',
    farScale: 0.6, //最小尺寸               
    xRadius: 0, //x半径压缩            
    yRadius: 220, //y半径压缩              
    autoPlay: true, //自动播放                
    autoPlayDelay: 6000, //自动播放时间       
})
相关插件-动画效果,滑块和旋转

卷轴动画-html5+js完美兼容IE6+

卷轴动画-html5+js完美兼容IE6+
  动画效果
 49477  476

2013圣诞快乐礼盒破裂HTML5特效

圣诞节快乐,盒子破裂弹出。
  动画效果
 39433  481

jQuery+three.js雪花飘落动画效果

这是一款给人3D立体空间感的jQuery+three.js雪花飘落动画效果,canvas绘制雪花下雪动画特效。
  动画效果
 38005  430

jquery实现烟花特效

基于jquery 实现放烟花特效。使用简单,仅仅需要一个div,可以自由配置(感谢“腰长腿却短
  动画效果
 52802  405

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

    JaydenWang 0
    2024/3/15 9:29:45
    页面不是全屏的时候,底座就不在中心位置了,但是箭头和路径线还还是在中心。
    说明底座的位置没有随全局变化。 回复
    未命名 0
    2022/10/26 15:11:35
    这个怎么改平滑转动,不要一跳一跳的 回复
    slcf6470 0
    2022/10/14 5:02:35
    怎么加链接啊 通过图表进入指定链接怎么添加啊 回复
    ????? 0
    2022/8/29 17:20:29
    火狐里竖着转,不兼容呀
    回复
    蔡锦舟 0
    2022/8/1 8:57:27
    怎么控制旋转的半径啊 也可以说是大小啊 回复
    浅予 0
    2022/4/19 8:48:10
    这个支持自动匀速转动吗
        灭霸媳妇1
        2022/4/19 10:05:06

        支持,第100,101行注释删除

        autoPlay:true,
        autoPlayDelay:6000,
    回复
    Angke 0
    2022/4/1 16:46:24
    我想问一下图标库在哪可以查啊,可以替换吗
        areyouOk0
        2022/4/1 23:30:16

        当然可以,替换font_3045003_lkxtjaj4m6.css字体样式和对应的

        <i class="iconfont" :class="item.icon"></i>

        推荐使用font-awesome图标字体库

        JaydenWang0
        2024/3/15 12:51:26
        这个咋操作,目前是联网才能显示图标。断网就没图标了。还是哪个箭头也是,断网就没箭头了。
        西瓜0
        2024/3/15 23:42:34

        当前调用了阿里的图标字体,把对应的下载到本地,

        <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.2.0/theme-chalk/index.css">
        <link rel="stylesheet" href="https://at.alicdn.com/t/font_3045003_lkxtjaj4m6.css">
        @font-face {
          font-family: "iconfont"; /* Project id 3045003 */
          src: url('//at.alicdn.com/t/font_3045003_lkxtjaj4m6.woff2?t=1641286939195') format('woff2'),
               url('//at.alicdn.com/t/font_3045003_lkxtjaj4m6.woff?t=1641286939195') format('woff'),
               url('//at.alicdn.com/t/font_3045003_lkxtjaj4m6.ttf?t=1641286939195') format('truetype');
        }

        注意路径都要修改

    回复
    刘全发 0
    2022/3/23 18:26:15
    这个支持自动匀速转动吗
        王东旭0
        2022/3/28 19:57:14
        大哥可以吗
        刘全发0
        2022/4/21 8:49:35
        改代码可以
        橘南0
        2022/4/22 15:14:21
        https://www.jq22.com/jquery-info24302可以参考一个这个插件哦
    回复
    佳期如梦 0
    2022/2/17 15:23:35
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复