jQuery万花筒动画插件下载 最新更新| 软件分类| 专题汇总| 手机版

您所在的位置:IT猫扑网 > 编程开发 > 编程辅助 > CSS3/jQuery3D万花筒旋转动画特效插件 正式版

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

正式版 发表评论
CSS3/jQuery3D万花筒旋转动画特效插件
  • 软件类别:编程辅助
  • 软件大小:104.00 KB
  • 更新时间:2017-04-11 17:03
  • 软件版本:正式版
  • 软件语言:中文
  • 软件等级:
  • 官方网址:暂无
  • 相关标签:jQuery插件   jQuery   css3插件

评分:

好评:0

差评:0

软件介绍

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万花筒旋转动画特效插件

多平台下载

  • Pc版

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

猜你喜欢

jquery特效插件jQuery插件

jquery特效插件
jquery特效插件

jquery特效插件是属于jquery插件中其中的一种,适用于jQuery页面,非常方便实用,本专题为大家准备了jquery特效插件大全,为你推荐有jQuery折叠特效插件、QuikQuak音频特效插件、jQuery万花筒动画插件、jQuery鼠标滑过特效插件、jquery轮播图动画特效插件等jquery特效插件效果,喜欢的朋友快来IT猫扑下载吧!...

jQuery插件
jQuery插件

jquery插件有哪些?jquery插件有有很多!诸如jquery分页插件、jquery侧边栏插件等都是jquery常用插件,非常实用,IT猫扑小编会长期更新jquery插件库免费下载,有需要的快来看看吧!...

网友评论

查看所有0条评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

相关软件

下载排行

相关合集