宠物之家,温馨呈现
下载地址: 点击下载 打开雅虎中国,灰白色调让人觉得挺舒服的。比较突出的就是到处都有淘宝的产品。这显示了阿里巴巴集团的力量。鼠标点来点去,进入到了雅虎宠物栏目。导航是绿色调的,栏目标题的色彩也是绿的。 栏目的背景图也采用了骨头的背景,很卡通。很多狗狗的图片在栏目上显示。也许简美的宠物网下次改版可以考虑...
图片左右滚动,美轮美奂。
下载地址: 点击下载 在这个栏目中,新浪采用了两个滚动动画,点击左右箭头,图片可以一张张切换,切换得一点都不“唐突”,这就是jquery的功能了。像这样的动画,很常见,之前我在腾讯的女性频道上也做过此类的滚动动画。可惜有点遗憾,在ie8下面没办法实现无缝滚动。 因此,今天我再次整理了这个动画,它实现了...
CSS3魔幻滤镜,让图片更有魅力。
下载地址: 点击下载 p.p1 span.s1 效果描述: 之前看到一个网站,用户上传自己喜欢的图片到服务器端,服务器会有一个类似滤镜的功能 将图片渲染完毕后再返回客户端,非常好玩 今天特意整理了一个用纯CSS3实现的滤镜图片效果供给大家参考 使用方法: 1、将head中的CSS引入到你的网页中 2、将body中的代码...
用canvas打造的温馨时钟效果
下载地址: 点击下载 p.p1 span.s1 效果描述: 一个非常不错的好用的时钟动画效果 基于canvas实现的效果,可以实时模拟当前时间 使用方法: 1、将body中的代码部分拷贝过去即可
优美的CSS3提交动画:点点点,兼容性佳。
下载地址: 点击下载 p.p1 span.s1 效果描述: 类似loading动画效果,当用户在点击提交表单的时候,文字后面的点点点会以此出现 模仿一个loading动画效果,非常不错 使用方法: 1、将index.html 中的CSS样式拷贝过去 2、将body中的代码部分拷贝过去即可
梦幻云彩,纯CSS3动画。
下载地址: 点击下载 p.p1 span.s1 效果描述: 纯CSS3实现的云彩动画飘动效果 非常逼真实用 使用方法: 1、将body中的代码部分拷贝到你的页面中 2、引入对应的CSS文件即可
用canvas实现华丽烟花效果
下载地址: 点击下载 p.p1 span.s1 效果描述: 简单易用的基于jQuery实现的,结合canvas 实现的烟花播放效果 使用方法: 1、将body中的代码部分拷贝到你的页面中
炫酷鼠标悬停动画,让你眼前一亮!
下载地址: 点击下载 效果描述: 纯CSS3实现的鼠标悬停动画效果,各种炫酷动画,用户体验非常好 使用方法: 1、将CSS代码引入到你的网页中 2、将body中的代码部分拷贝到你的页面中
美丽的CSS3图片悬停遮罩效果
下载地址: 点击下载 效果描述: 纯CSS3实现的动画遮罩效果 当鼠标悬停在图片上,会从右上角一个沿着逆时针方向旋转过来的动画效果 鼠标移走后遮罩复位 使用方法: 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确)
移动端大转盘抽奖特效
下载地址: 点击下载 效果描述: 之前推荐过好多大转盘插件效果,但是都是基于PC端实现的 今天特意整理一个基于zepto.js的大转盘插件 zepto.js,就是缩减版的jQuery库,可以直接叫做移动端的jQuery 完全把zepto.js当成jQuery用就可以了,基本上没多大问题 使用方法: 1、将CSS样式拷贝过去...
风车转动,CSS3模拟。
下载地址: 点击下载 效果描述: 圆形自动旋转,对于CSS3来说已经是非常常见的功能了 一个简单的keyframes即可实现 使用方法: 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确)
CSS3摩天轮翩翩起舞
下载地址: 点击下载 效果描述: 这是用纯CSS3实现的一个旋转动画效果,模拟游乐场里的摩天轮旋转动画效果 效果逼真好用 使用方法: 1、引入css样式 2、将index.html中的代码部分拷贝过去即可
绚烂动画,炫飞天际。
下载地址: 点击下载 效果描述: html5新增了一个canvas画布属性,从此在里面实现你想要的动画已经不成问题了 包括用它开发网页小游戏等等,非常不错 使用方法: 1、引入css样式 2、将index.html中的代码部分拷贝过去即可
CSS3鼠标悬停抖动,懒人必备。
下载地址: 点击下载 效果描述: 网页上有时候需要显示出抖动提示用户的效果 比如鼠标悬停在一个按钮上,按钮呈现抖动的效果 今天给大家推荐的这个就是使用CSS3实现的效果 当你的鼠标悬停在按钮上的时候,按钮会抖动 使用方法: 1、将CSS样式复制到你的页面中 2、给需要抖动的按钮加对应的class即可
CSS3实现懒人静态图片翻转
下载地址: 点击下载 效果描述: 这个严格的说起来,不算是什么特效 只能说是CSS3里的一个属性而已 这个属性可以让你的图片呈现出翻转的效果 使用方法: 只要给对应的图片加上附件中CSS属性即可