jQuery万花筒动画插件下载 最新更新|软件分类|软件专题|手机版|论坛转贴|软件发布

您当前所在位置：首页 → 编程开发 → 编程辅助 → CSS3/jQuery3D万花筒旋转动画特效插件 正式版

CSS3/jQuery3D万花筒旋转动画特效插件

正式版

CSS3/jQuery3D万花筒旋转动画特效插件
  • 软件大小：104KB
  • 软件语言：中文
  • 软件类型：国产软件 / 编程辅助
  • 软件授权：免费软件
  • 更新时间：2017-04-11 17:03
  • 软件等级：4星
  • 应用平台：WinAll, WinXP
  • 软件官网：

ITMOP本地下载文件大小：104KB

点赞好评0%（0） 差评差评0%（0）

软件介绍人气软件精品推荐相关文章网友评论下载地址

小编为您推荐：jQuery插件jQuerycss3插件

CSS3/jQuery3D万花筒旋转动画特效插件是一款可以让你的页面轻松拥有万花筒显示图片的插件,适用于jquery和CSS3,可以快速的制作这一动画特效.有需要的朋友就来IT猫扑下载吧!

jQuery3D万花筒旋转动画特效插件简介

jQuery3D万花筒插件,一款使用jquery和CSS3来制作的炫酷的带倒影的3D万花筒旋转动画特效。该3D万花筒特效通过简单的CSS transform和jquery代码来实现在用户鼠标按下时，万花筒图片可以跟随鼠标进行3D旋转动画。

jQuery万花筒插件使用方法

在页面底部，<body>标签结束之前，引入jquery文件。

CSS3/jQuery3D万花筒旋转动画特效插件

HTML结构

该3D万花筒旋转动画特效的基本HTML结构如下

CSS3/jQuery3D万花筒旋转动画特效插件

CSS样式

设置全局样式如下

CSS3/jQuery3D万花筒旋转动画特效插件

为3D万花筒容器元素.pic设置固定的宽度和高度，然后通过transform属性来依次设置透视效果perspective为800像素，绕X轴旋转rotateX()-10度，绕Y轴旋转rotateY()0度。

CSS3/jQuery3D万花筒旋转动画特效插件

然后为每一张图片设置box-shadow阴影效果，以及使用-webkit-box-reflect属性来制作阴影效果。

CSS3/jQuery3D万花筒旋转动画特效插件

容器中空的<p>元素用于制作一个椭圆形渐变效果。

CSS3/jQuery3D万花筒旋转动画特效插件

javaScript

在页面DOM元素加载完毕之后，使用下面的方法来初始化该3D万花筒特效。

CSS3/jQuery3D万花筒旋转动画特效插件

更多>>软件截图

推荐软件

    其他版本下载

      精品推荐jquery特效插件jQuery插件

      jquery特效插件
      更多 (7个) >>jquery特效插件jquery插件有哪些？jquery插件有什么用？IT猫扑网小编为大家准备了jquery特效插件合集，内含有jQuery万花筒动画插件、jQuery鼠标滑过特效插件、jQuery折叠特效插件、QuikQuak音频特效插件、jquery轮播图动画特效插件
      jQuery插件
      更多 (31个) >>jQuery插件jquery插件大全是IT猫扑小编为大家整理的jquery插件合集，包含了多种jquery特效插件下载，其中大家常用的jquery分页插件、jquery缩略图插件、jquery幻灯片插件、jquery万年历插件、jquery侧边栏插件等等都有，后面小

      相关文章

      下载地址

      • CSS3/jQuery3D万花筒旋转动画特效插件 正式版

      查看所有评论>>网友评论

      发表评论

      (您的评论需要经过审核才能显示) 网友粉丝QQ群号:203046401

      查看所有0条评论>>

      更多>>猜你喜欢