HTML5实例 纯CSS3模拟风车转动效果 效果描述: 圆形自动旋转,对于CSS3来说已经是非常常见的功能了 一个简单的keyframes即可实现 使用方法: 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确) 文章来自 …
HTML5实例 纯CSS3实现一棵自己跳舞的树 效果描述: 左右摆动的一棵树,第一反应应该是图片动画做的 但是你错了,这是用纯代码实现的效果,而且不需要js,是不是很赞呢 使用方法: 1、将body中的代码部分拷贝过去 2、将lanren.css样式引入到你的页 …
HTML5实例 jquery+css3实现扇形堆砌列表效果 效果描述: 低版本浏览器不支持的立体式堆叠效果 点击其中一个可以展开当前“一页” 再次点击右上角按钮后返回折叠效果 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分 …
HTML5实例 js+css3实现立体式图片旋转特效 效果描述: 立体式多图围绕旋转效果,可以上下左右拖动,也可自滚动 js配合css3,可以说是一个完美的搭配 使得页面非常的轻,占用内存低,完美解放客户端浏览器 当然,它不支持低版本浏览器,你懂的 使用方 …
HTML5实例 canvas实现的喜羊羊图像效果 即源码库上次推荐的一款用canvas实现的灰太狼效果后,相关链接如下: http://www.lanrenzhijia.com/js/css3/2861.html 今天再给大家推荐一个用同样方法绘画的喜洋洋图像效果,效果很赞。 源码库原创,转载 …
HTML5实例 CSS 3实现的照片堆栈画廊插件 照片堆栈画廊特效,点击图片可全屏观看,图片切换效果很立体。 低版本下易可浏览,不过在支持CSS3浏览器下效果更佳 文章来自源码库www.occud.com转载请注明出处,谢谢!!!
HTML5实例 纯CSS鼠标悬停图片缩放效果 当鼠标悬停后,图片自动向上缩小,文字显示更多,鼠标移走后恢复原样。 含有部分CSS3特效,低版本浏览器下无切换过程,请在高版本浏览器下浏览 文章来自源码库www.occud.com转载请注明出处,谢谢!!!
HTML5实例 JMEditor 0.9 JMEditor(JavaScript Math Editor)是基于CKEditor、jQuery、mathquill等组件开发的,轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛,不再过多介绍。需要 …
HTML5实例 简单漂亮的进度条效果源码 一个html5实现的简单进度条效果,进度条非常简单漂亮,无需任何图片,经测试效果相当不错,完全依靠JS代码和HTML5实现,值得学习,建议在支持html5的浏览器下测试。
HTML5实例 js加CSS3立体式等距网格和三维网格效果 效果描述: 国外网站弄过来的一个非常不错的动画效果,适合欣赏使用 使用方式这里就不再赘述了 文章来自源码库www.occud.com转载请注明出处,并保留本链接,谢谢!
HTML5实例 纯css3圆柱立体式倒影效果 效果描述: 我们知道css3代码可以改变图片的方向,可以让图片立体式排列,也可以实现倒影效果 只要耐心,角度安排合理,可以制作出很多不错的效果 这种效果在之前的css2代码中,html4时代是想都不敢想的 今 …
HTML5实例 pageSwitch.js插件实现图片翻转切换效果 效果描述: 适合移动端的图片banner切换效果 底部有一个select选项,可以提供多种切换方式供给选择 其中包含了css3代码,所以不支持低版本的IE浏览器 适合H5用户使用 使用方法: 1、将head中的样式引入到你 …
HTML5实例 css3鼠标悬停图片抖动效果 效果描述: 一款纯css3实现的图片抖动效果 附件提供了多种图片抖动样式 喜欢的懒人可以自己试着下载使用,或者学习 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 …
HTML5实例 html5极速3D立体式图片相册切换效果 非常绚丽,立体效果非常好的3D相册图片查看效果。可惜不支持低版本浏览器。 使用方法: 1、在页面中引入两个js以及css即可 2、将html复制到你需要的地方即可 文章来自源码库www.occud.com转载请注明出处, …
HTML5实例 jquery+css3实现的图片墙效果 很beautiful的一个图片墙效果,鼠标可直接拖动叠加 提醒:请使用支持CSS3的浏览器,IE9等同类别版本即可,IE8及以下版本不支持 建议在最新版的火狐浏览器下浏览最佳 文章来自源码库www.occud.com转载请注明 …