Code/特效

创客主机
Bootstrap4多级导航菜单插件

Bootstrap4多级导航菜单插件

这是一款Bootstrap4多级导航菜单插件。该插件扩展了原生bootstrap4的navbar,可生成多级导航菜单,并添加炫酷的CSS3动画效果。 使用方法 在页面中引入jquery.min.js、bootstrap4相关文件,以…
Canvas 超酷线条动画特效

Canvas 超酷线条动画特效

这是一款 Canvas 基于three.js的超酷线条动画特效,该特效使用THREE.MeshLine库来制作WebGL线条动画特效,共有5个示例效果,THREE.MeshLine是一个基于Three.js的线条动画库,下面是该线条…
CSS3 带进度条表单提交按钮动画

CSS3 带进度条表单提交按钮动画

这个插件是使用css3属性制作的带进度条的表单提交按钮动画效果。当用户点击提交按钮后,提交按钮上出现进度条提示提交的进度。有18种效果,包括翻转,旋转,3d透视等效果。
CSS3 带阴影效果3D旋转电影海报代码

CSS3 带阴影效果3D旋转电影海报代码

这是一款使用css3 transform属性制作的3d电影海报效果。这段3d旋转电影海报代码的阴影效果十分完美,当鼠标移到海报上时,海报旋转到侧面的电影介绍,效果十分震撼。当我们在使用css3的3d变换效果(3d transform…
YouTube 左侧侧边栏导航菜单特效

YouTube 左侧侧边栏导航菜单特效

一款仿照YouTube网站的左侧侧边栏导航菜单的特效。这款侧边栏导航菜单的效果是当用户点击了导航按钮后,导航按钮移动到右边,侧边栏导航菜单以动画的方式出现在左边。本教程将和大家一起来实现YouTuBe网站上的一种侧边栏菜单效果。主导…
CSS3超神奇翻书jQuery特效

CSS3超神奇翻书jQuery特效

这是css3 3d transform属性和jquery联手打造的一款神奇的翻书效果(翻页效果),有两种翻书效果。两种翻页效果分别是书本可以翻转到反面,查看内页,另一种效果是从书架上把书拿下了打开的效果
HTML5 + CSS3 + JS超逼真翻书效果

HTML5 + CSS3 + JS超逼真翻书效果

这是一款大师级的html5翻书效果(翻页效果),这种翻书效果使用了css3 3d transform属性和少量的js来实现鼠标hover书本时,书本打开动画。注意:必须是支持css3 3d transform属性的浏览器才有效果。I…
Google Nexus 7 侧边栏导航菜单特效

Google Nexus 7 侧边栏导航菜单特效

本教程将和大家分享Google Nexus 7网站的滑动侧边栏的制作方法。这个侧边栏的效果非常好,当我们用鼠标hover特定的按钮时,会有一排侧边栏图标出现,再用鼠标hover这些图标时,整个侧边栏将出现。第一个侧边框项是一个搜索框…
自动视频播放手机360度旋转效果

自动视频播放手机360度旋转效果

这款作品给人的第一感觉是flash做的,但其实不然,它出自css3之手。并且它没有使用任何的图片,看过效果之后是不是觉得非常不可思议。iPhone手机展示中的视频部分使用的是html5的video,整个手机不论是高光、阴影,还是旋转…
CSS3 手机App展示3D动画效果

CSS3 手机App展示3D动画效果

这是三种非常酷的移动手机App展示3d动画效果,用户可以通过点击按钮来切换App展示,App展示时所有的App呈3d堆叠状态,注意:IE10不支持该效果。效果演示中将使用到一个3d移动手机和一些app应用的截图。当点击切换按钮,移动…
嘿,欢迎咨询!