要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。当然用理论来说明,
2018-02-03 03:20preloader是一款小巧的jQuery页面预加载loading指示器插件。通过该插件可以在页面加载的时候显示预定义的loading指示器动画,并在页面加载结束之后将它关闭。安装可以通过bower来安装该loading指示器插件。$ bower install core-themes-jquery-preloader --save
2018-02-03 03:20naiveScroll是一款轻量级的jQuery全屏翻页插件。通过该插件,可以在滚动鼠标或点击按钮时,以平滑过渡的方式垂直全屏翻页。该插件的特点还有:覆盖鼠标事件进行全屏翻页。不需要添加额外的HTML元素。不会产生多余的事件。提供API来手动上下翻页。轻量级,压缩后的版本小于
2018-02-03 03:20Checkbix是一款轻量级的纯Javascript复选框checkbox动画插件。通过该插件可以使原生的checkbox复选框被点击的时候,产生一些有趣的动画效果。安装可以通过bower或npm来安装该复选框动画插件。bower install checkbixnpm install checkbix 使用方法在页面
2018-02-03 03:20这是一款带19种炫酷CSS3过渡动画的jQuery模态窗口插件。该插件基于Codrops的ModalWindowEffects来制作,通过jQuery插件的方式来统一管理各种打开模态窗口的效果。安装可以通过bower来安装该模态窗口插件。bower install foxythemes-niftymodals 使用方法在页
2018-02-03 03:20这是一款效果非常炫酷的Material Design风格内容幻灯片特效。该幻灯片使用js和CSS3来制作,在点击分页圆点按钮时,按钮有非常酷的弹性gooey变形动画效果。HTML结构该Material Design风格内容幻灯片的基本HTML结构如下:div class="center"div class="slider" data-pos="0
2018-02-03 03:20这是一款使用jQuery和CSS3制作的炫酷Apple TV多层背景视觉差特效。该视觉差特效在鼠标移动时,屏幕中的各个图层会以3D的方式跟随旋转。并且带有炫酷的流光效果。使用方法HTML结构该Apple TV背景视觉差的基本HTML结构如下:其中.light和.light-2是流光层。余下的3个层是背
2018-02-03 03:20这是一款使用纯CSS3制作的带淡入淡出效果的滚动视觉差特效。该视觉差特效在页面加载时,图片有淡入淡出的效果。当页面滚动时,背景图片会有非常炫酷的视觉差效果。使用方法HTML结构该视觉差效果的HTML结构如下:div class="gridContainer clearfix"div id="Wrapper"h1主标
2018-02-03 03:20这是一款使用纯CSS3制作的带下划线跟随效果的下拉菜单特效。该下拉菜单通过CSS3 transform和transition来制作下划线跟随效果和下拉菜单效果。使用方法HTML结构该下拉菜单使用nav元素来包裹一个无序列表。navul id="main"li主页/lili关于我们/lili项目分类ul class="drop"
2018-02-03 03:20CSS3用户登录注册翻转式切换代码是一款在用户点击登录和注册两个按钮时,登录和注册界面可以以水平翻转的方式来回切换,效果非常的酷。
2018-02-03 03:20Web-Ticker是一款功能强大的jQuery跑马灯插件。该跑马灯插件允许你动态修改跑马灯的内容,允许设置移动的过渡动画效果,可以使用图片,可以从RSS中调用内容等。安装可以通过npm来安装该跑马灯插件。npm install webticker 使用方法在页面中引入jquery和
2018-02-03 03:20