当前位置: 首页» JS特效» 其他实例»

css3响应式图片网格布局

这是一款采用透明背景的响应式css3图片网格布局模板。整个网格布局采用流式布局,每行的图片数量自适应屏幕宽度。该网格布局使用图标代替图片,当鼠标滑过网格时,网格背景色发生变化并用动态文字说明。
  网格布局 响应式
 57  0

js楼盘模型360度旋转动画效果

这是一款使用css3和js制作的楼盘模型360度旋转动画。这种效果你一定曾今在科幻电影中看到过。这个js3d动画中整个楼盘模型绕一个中心点不断的做360度旋转,3d效果十分逼真。
  全景图 360度旋转 3d旋转
 81  0

css3和js点击按钮弹出模态窗口动画效果

这是一款集合了多种模态窗口效果和其它一些效果的css3和html5插件。其中又点击按钮弹出注册登录模态窗口,点击按钮弹出音乐播放器,点击按钮弹出分享按钮,点击按钮弹出侧边栏导航等8种效果。
  模态窗口
 28  0

css3神奇tooltips提示框动画

这是一款使用css3?transitions和伪元素制作的效果非常神奇的tooltips提示框动画效果。各种tooltips有气泡放大效果、旋转效果和滑动效果等等。
  tooltips 提示框
 38  0

纯css3精美lightbox效果

一款使用纯css3制作的精美的Lightbox效果。这个lightbox效果共有三种展示图片的效果:渐隐效果,淡入淡出效果和全屏放大在缩小效果。
  lightbox 纯css3
 73  0

纯css3绘制超逼真iPhone6动画效果

这是一款使用纯css3制作的非常逼真的iPhone6动画效果。这款iPhone6动画效果中没有使用任何图片,所有的图像和动画都使用css3完成。
  iPhone 纯css特效
 77  0

仿google trends动态css3网格响应式布局

这是一款使用grid.js和css3transition属性制作的仿googletrends动态css3网格响应式布局。通过这款css3网格布局,用户可以选择屏幕上有多少个网格,并通过css3transition制作出网格动画效果。
  网格布局 响应式
 78  0

Hexaflip:超强css3+js旋转3d立方体插件

Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个jsui插件,它可以让你使用3D立方体作为界面元素,实现立方体的自动旋转,幻灯片效果等。
  立方体 3d旋转
 59  0

Blueprint:Google风格的网格布局css画廊

Blueprint是一款仿ChromebookGettingStartedguide页面效果的Google风格的网格布局css画廊。网格布局采用masonry制作,css画廊的运动效果则由CSS3DTransforms完成。
  网格布局 masonry 画廊
 33  0

html5纯css3带自动视频播放的iPhone4手机360度旋转展示

这是一款使用css3制作的带自动视频播放功能的iPhone手机360度旋转展示效果。它没有使用任何图片,纯css打造出照片级效果。作品中的iPhone手机作360度不停的3d旋转,并且可以播放视频。
  css3动画 旋转动画 手机 iPhone
 62  0

纯css蒙娜丽莎的微笑

这是大神用cssbox-shadow属性制作的纯css蒙娜丽莎的微笑,整个作品用css绘制了5000多个点,制作的蒙娜丽莎惟妙惟肖,达芬奇看了一定为之抓狂。
  纯css特效 蒙娜丽莎
 64  0

10种使用css3的画廊图片切换3d翻转效果

这是一款使用css3技术制作的画廊图片切换3d翻转效果,有10种效果,每种效果在图片切换时都呈现非常棒的3d翻转效果。
  css3动画 3d翻转 画廊
 46  0

css3 transitions和伪元素制作4种超酷鼠标经过hover动画效果

一款使用css3transitions和伪元素制作的4种鼠标经过hover动画效果,4种鼠标经过hover动画效果分别是:滴水效果,圆心放大,旋转放大和飞翔的独眼怪。
  鼠标hover 伪元素 css3 transition
 57  0

html5 css3为移动设备设计的可自由伸缩的搜索框代码

这是一个为移动设备设计的可自由伸缩的html5搜索框代码,使用css3transition属性和少量的javascript完成。
  搜索框 transition
 54  0

在桌面和移动设备上展示响应式设计

这个响应式设计展示了在不同设备的显示屏上网页的显示效果,这种响应式设计保证了在所有显示屏上获得最佳显示效果。
  响应式 响应式设计
 52  0

19种基于css3的超华丽模态窗口效果

这是一款集19种模态窗口效果于一体的css3插件。使用了css3transition和css3animation属性。某些模态窗口中还加入了3d透视效果。
  模态窗口 css3 transition css animation
 47  0

jquery+css3手机(mobile) app展示效果

一款利用jquery和css3制作的模拟手机(mobile)app展示效果的插件。点击手机主界面,所有的app呈网格状展开覆盖在手机上,选中某个app后,手机就显示这个app。
  手机 app展示
 66  0

html5+css3移动手机(Mobile) App展示3d动画效果

这是三种非常酷的移动手机App展示3d动画效果,用户可以通过点击按钮来切换App展示,App展示时所有的App呈3d堆叠状态,注意:IE10不支持该效果。
  3d 手机 app展示
 86  0

css3全屏响应式网页网格布局设计

一款全屏响应式网页网格布局设计方案。每个网格的大小会自动根据页面的大小而调整为相同的宽度和高度,整个代码十分简洁。
  网格布局 响应式 全屏
 52  0

CSS3 transform制作漂亮的照片墙特效

一款利用css3的transform属性制作的照片墙特效,配合角度变化,渲染出照片级的效果。
  照片墙 transform css3 transform
 51  0