资讯专栏INFORMATION COLUMN

轴动效果插件,类似Github404页面

Sike / 865人阅读

轴动效果 axial3d
3D效果页插件,类似 Github404 页面动画。
安装引入 Install
npm install axial3d

or

例子 Example

Demo



    Demo - Axial3d


    
    

属性 Props options
属性 说明 类型 可选值 默认值
selector 元素选择器 String - -
imgs 图片组 Array - -
transform 动画形式 String translate / rotate translate
swing 动画幅度 Number - 5
imgs options
属性 说明 类型 可选值 默认值
src 图像路径 String - -
top 图片顶部定位 String - -
bottom 图片底部定位 String - -
left 图片左侧定位 String - -
right 图片右侧定位 String - -
static 图片是否静态,不随鼠标转动 Boolean true / false false
方法 Methods
事件名称 说明 回调参数
destory 取消事件监听 -

项目地址
喜欢的欢迎star

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98859.html

相关文章

  • 利用js完成github404页面效果

    摘要:利用完成的动态效果最近学习了的页面效果,有一些心得想要记录下来。 利用js完成github404的动态效果 最近学习了github not found 的页面效果,有一些心得想要记录下来。 第一次写文章,若有不对的地方,还请大佬们指出。 效果图 我是利用往上下载的一个软件来制作这个gif的,不知道为什么图片有点花了 showImg(https://segmentfault.com/i...

    zhonghanwen 评论0 收藏0
  • 利用js完成github404页面效果

    摘要:利用完成的动态效果最近学习了的页面效果,有一些心得想要记录下来。 利用js完成github404的动态效果 最近学习了github not found 的页面效果,有一些心得想要记录下来。 第一次写文章,若有不对的地方,还请大佬们指出。 效果图 我是利用往上下载的一个软件来制作这个gif的,不知道为什么图片有点花了 showImg(https://segmentfault.com/i...

    Meathill 评论0 收藏0
  • 利用js完成github404页面效果

    摘要:利用完成的动态效果最近学习了的页面效果,有一些心得想要记录下来。 利用js完成github404的动态效果 最近学习了github not found 的页面效果,有一些心得想要记录下来。 第一次写文章,若有不对的地方,还请大佬们指出。 效果图 我是利用往上下载的一个软件来制作这个gif的,不知道为什么图片有点花了 showImg(https://segmentfault.com/i...

    huhud 评论0 收藏0
  • Laravel 5系列教程五:MVC的基本流程

    摘要:原文来自免费视频教程地址期间受到很多私事影响,终于还是要好好写写的教程了。我们来实现这个功能显示文章详情通过文章展示来快速体验上面的流程注册路由来到中,我们增加一个路由上面的路由指定我们需要加载中的方法。 原文来自: https://jellybool.com/post/programming-with-laravel-5-model-controller-view-basic-wor...

    mrcode 评论0 收藏0
  • hexo高阶教程:next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景、自定义样式,打造属于你

    摘要:我选择的是万网,阿里下面的。然后在主题配置文件下添加主题配置文件中添加自定义样式不得不说还是很人性化的,你可以个性化定制你的网站,你所有的改动需要放在主题文件的文件中,会 前言 本篇文章是在已经搭建好gitpage+hexo的博客的前提下(不懂怎么搭建的可以参考我的另一篇博文:了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo开发自己的博客,这两篇博文...

    weizx 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<