添加收藏 RSS 网站地图旧版网站

全部
网页特效
建站教程
设计分享

当前位置：首页 > 网页特效 > CSS3+HTML5特效 >

CSS3制作iPhone样式3D菜单DEMO演示

时间：2015-03-09 来源：互联网

CSS3制作iPhone样式3D菜单DEMO演示

特效说明：

一款CSS3制作iPhone样式3D菜单DEMO演示网页特效，带鼠标悬停、鼠标选中效果，菜单整体呈现3D立体的视觉效果。同时你也可以选择平面方式的菜单，2D和3D之间可以自由切换。请用支持HTML5+CSS3主流浏览器预览效果。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）

使用方法：

1、调用CSS样式：
<link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css'>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

2、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

标签 CSS3特效导航菜单动画菜单 iPhone特效 iPhone菜单 3D菜单

预览下载收藏分享

相关特效

CSS3制作百叶窗切换焦点图

一款CSS3制作百叶窗切换焦点图免费下载，该CSS3特效使用背景图片来制作，在轮播图切换时，通过一组div元素来制作百叶窗效果切换图片，网页制作中非常炫酷的banner图效果。……

2016-09-04
纯CSS3制作一个简单好看的翻书效果

纯CSS3制作一个简单好看的翻书效果下载，蛮精致的一款纯CSS3模拟书本翻页效果，CSS3网页制作小实例教程。……

2016-08-16
CSS3鼠标经过图片3D翻转动画特效

一款CSS3鼠标经过图片3D翻转动画特效下载，该CSS3网页特效是一款通过Bootstrap网格系统来布局，通过简单的CSS3代码，在鼠标滑过图片时对图片进行3D翻转，效果非常酷。……

2016-07-22
jQuery和CSS3超酷3D多层图片视觉差互动特效

一款jQuery和CSS3超酷3D多层图片视觉差互动特效下载，该JS图片特效通过CSS3属性preserve-3d以及获取屏幕宽度、高度、当前鼠标坐标实现的视觉差3D特效。……

2016-07-22
CSS3鼠标悬停图标导航动画特效

一款CSS3鼠标悬停图标导航动画特效下载，该HTML5+CSS3特效是一款基于CSS属性clip、transition等属性实现的简洁清爽风格鼠标悬停动画切换特效。……

2016-07-08
CSS3艺术文字特效样式代码

纯CSS3艺术文字特效样式代码下载，该CSS3特效是一款超炫的CSS3文字特效集锦酷炫特效代码，堪比PS滤镜效果。……

2016-06-28
纯CSS3打造动感鼠标悬停显示文字特效

一款纯CSS3打造动感鼠标悬停显示文字特效下载，该网页特效基于CSS3动画属性制作，鼠标悬停或滑过图片上动画显示文字描述特效。……

2016-06-25
基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效

一款基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效，该网页特效当用户点击弹出层关闭按钮时，就像一颗子弹击中弹出层关闭按钮，然后登录框从按钮处断裂，下落并消失，整个效果超炫酷。……

2016-06-25
15款CSS3实现移动端App动画导航菜单代码

15款CSS3实现移动端App动画导航菜单代码源码下载，该CSS3+animation效果是一款使用CSS3-animation动画来制作，这些动画均由线条和文字组成，效果非常炫酷。……

2016-06-25
CSS3 animate制作纸牌翻转效果

一款CSS3 animate制作纸牌翻转效果网页特效，该特效通过点击图片实现2张图片动画旋转切换。……

2016-06-12

最新更新特效

JS采用VUE制作无限极树形结构菜单展开收缩代码

2019-04-12
HTML5绘制动态线条像素背景动画特效

2019-04-12
jQuery网页视频在线播放器代码

2019-04-12
HTML5科幻空间动画背景网页特效

2019-04-12
jQuery滑动验证解锁插件slideunlock.js

2019-04-10

设计分享