HTML5实例 纯css3鼠标滑过文字翻转动画效果 效果描述: 一个纯css3的鼠标动画效果 当鼠标悬停在图片列表中的其中一个图片上的时候 左侧说明文字以翻转的方式显示出来,鼠标移走后再反方向折叠隐藏 效果看起来十分舒服 使用方法: 1、将head中的样式复 …
HTML5实例 css3和HTML5特效jquery筛选器插件选项卡 今天制作一个jquery筛选器插件选项卡、帮助用户筛选和分类内容,提高用户体验是一种筛选容器选项卡形式,包含了css3特效和html5特效,让这个网页效果更加的酷炫。 文章来自源码库www.occud.com转载请注明出 …
HTML5实例 简单的jquery文字动画 感谢网友的热心供稿。 又是一款CSS3特效代码,通过底部的筛选框可控制顶部文字不同的动画效果,虽然目前市面上大多数浏览器还不支持,但终有一天它是可以的,支持CSS3 文章来自源码库www.occud.com转载请注 …
HTML5实例 CSS3圆形对角导航菜单 jquery+css3实现的圆形对角导航菜单,左下角为一级菜单导航,当鼠标悬停在一级导航菜单上时,右上角分别显示二级菜单导航 文章来自源码库www.occud.com转载请注明出处,并保留本链接,谢谢!
HTML5实例 css3高版本浏览器下垂直文字放大镜效果 效果描述: 在国外网站上看到的这样一款列表文字图片放大的效果 放大效果是一个矩形,适中处在浏览器中间位置 使用起来不卡,很舒服 低版本浏览器不支持 使用方法: 1、将head中的样式引入到你的样式表中 2 …
HTML5实例 纯html5折叠式导航菜单 效果描述: 使用纯html5加css3实现的树形折叠式导航菜单效果 不使用任何js,也不用任何图片即可实现的效果 非常棒,使用也很方便 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部 …
HTML5实例 js+css3实现图文并茂鼠标悬停后3D翻转效果 效果描述: 当鼠标悬停在其中一个div上的时候,会自动翻转,呈现立体式效果,显示说明或者简介等其他信息 鼠标移走后立体式回转,效果很不错 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中 …
HTML5实例 jquery+css3实现的扇形效果 用CSS3实现的扇形图片切换效果,很有创意; 有情提醒:请在高版本浏览器下欣赏,建议在FF下 文章来自源码库www.occud.com转载请保留本链接,谢谢!
HTML5实例 Canvas实现的键盘控制的类似贪吃蛇的小鬼吃人游 一款html5+css3小游戏,类似贪吃蛇小游戏 键盘上下左右控制方向,注意千万别让小鬼头吃到你哦 文章来自源码库www.occud.com转载请保留本链接,谢谢!
HTML5实例 纯CSS鼠标悬停图片缩放效果 当鼠标悬停后,图片自动向上缩小,文字显示更多,鼠标移走后恢复原样。 含有部分CSS3特效,低版本浏览器下无切换过程,请在高版本浏览器下浏览 文章来自源码库www.occud.com转载请注明出处,谢谢!!!
HTML5实例 zepto.js插件适用于微信等移动浏览器动画滑动效果 效果描述: 我们常见到移动页面很多动画效果,但是自己原生开发一个动画效果是相当难的 今天就给大家推荐一套合适的模板 使用方法: 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需 …
HTML5实例 前端模拟微信app支付页面效果 效果描述: 现在H5已经越来越强大了,逐渐攻入原生native中去 今天特意整理了一个前端模拟支付宝支付并返回成功页面的效果供给大家参考 使用方法: 不再赘述 文章来自源码库www.occud.com转载请注明出处, …
HTML5实例 纯CSS3属性animation实现的打字效果 效果描述: 网页打字效果,相信大家已经见过了,基本上都是基于JS实现的,还比较麻烦 今天特意给大家推荐一个只用CSS3就可以实现的打字效果 使用方法: 将head中的样式应用到你需要显示的文字上即可 (注意 …
HTML5实例 HTML5中的SVG属性实现圆形进度条效果 效果描述: 现在很多手机版网页,或者比较高版本的页面中,我们经常碰到一中圆形的百分比进度效果 这个其实用HTML5 中的SVG实现起来比较容易 而且逼格看起来比较高 使用方法: 1、将head中的样式复制到你的 …
HTML5实例 css3图片放大缩小切换幻灯片效果 js+css3属性控制的图片放大缩小切换效果,比较流畅,且火狐浏览器下可实现图片的不规则切换 文章来自源码库www.occud.com转载请注明出处,谢谢!!!
HTML5实例 js+css3实现立体式图片旋转特效 效果描述: 立体式多图围绕旋转效果,可以上下左右拖动,也可自滚动 js配合css3,可以说是一个完美的搭配 使得页面非常的轻,占用内存低,完美解放客户端浏览器 当然,它不支持低版本浏览器,你懂的 使用方 …
HTML5实例 纯CSS3实现一棵自己跳舞的树 效果描述: 左右摆动的一棵树,第一反应应该是图片动画做的 但是你错了,这是用纯代码实现的效果,而且不需要js,是不是很赞呢 使用方法: 1、将body中的代码部分拷贝过去 2、将lanren.css样式引入到你的页 …
HTML5实例 jquery立体式3D效果动画加载进度条 效果描述: 多种立体式3D loading特效 非常适合高版本浏览器下使用 特别是手机端啊等等 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (注意保持文件路径正确) 文章 …
HTML5实例 纯css3实现鼠标滑过图片显示图文效果 效果描述: 纯css3实现的鼠标悬停图片后的动画效果 默认文字隐藏在div外部,当鼠标悬停后,图片向上移动 同时显示出底部隐藏的内容 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分 …
HTML5实例 漂亮的CSS3颜色渐变选择器 现在html5 css3已经越来越流行,用CSS3实现DIV渐变已经不是什么难事了,但现在还需要先在PS中画出效果后再取色,写入CSS3比较麻烦。 今天给大家介绍一款插件,可以自由拖动DIV的渐变颜色,并直接复制 …