`
xiaotianyu
  • 浏览: 3951 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

25款漂亮的CSS3特效代码

阅读更多

1、jquery+css3实现的图片墙效果

 

很beautiful的一个图片墙效果,鼠标可直接拖动叠加
提醒:请使用支持CSS3的浏览器,IE9等同类别版本即可,IE8及以下版本不支持
建议在最新版的火狐浏览器下浏览最佳

预览地址:http://www.lanrenzhijia.com/yulan/61/

2、CSS3仿Windows 7的开始菜单

 

纯CSS3实现的,仿windows系统开始菜单。记住,只能在高版本(支持CSS3)的浏览器下才能正常运行的哦

预览地址:http://www.lanrenzhijia.com/yulan/169/

3、jquery+css3实现图片水中倒影效果

利用jquery特效,图片中静态的水显示出动态的效果;
友情提醒:请在较高版本浏览器下浏览,低版本不支持

预览地址:http://www.lanrenzhijia.com/yulan/214

4、css3实现的3D图片展示效果

预览地址:http://www.lanrenzhijia.com/yulan/264/

5、jquery+css3实现的焦点图特效

预览地址:http://www.lanrenzhijia.com/yulan/254/

6、jquery+css3实现的波浪式图片查看插件

http://www.lanrenzhijia.com/yulan/230/

7、CSS3实现多页签图片缩放切换效果

预览地址:http://www.lanrenzhijia.com/yulan/284/

8、C33实现的图片滑动效果

 预览地址:http://www.lanrenzhijia.com/yulan/281/

9、jQuery+css3实现的显示倒数计时器代码

预览地址:http://www.lanrenzhijia.com/yulan/271/

10、C33实现点击图片渐渐放大特效

预览地址:http://www.lanrenzhijia.com/yulan/308/

11、CSS3实现图片全屏背景特效

预览地址:http://www.lanrenzhijia.com/yulan/302/

12、CSS3实现的鼠标移动到图片上不规则放大

预览地址:http://www.lanrenzhijia.com/yulan/298/

13、jQuery+CSS3模拟苹果桌面系统

预览地址:http://www.lanrenzhijia.com/yulan/296/

14、CSS3+jQuery 照片翻开效果

预览地址:http://www.lanrenzhijia.com/yulan/295/

15、CSS3实现按钮点击效果

预览地址:http://www.lanrenzhijia.com/yulan/294/

16、css3实现的缩略图为原型的焦点图代码

预览地址:http://www.lanrenzhijia.com/yulan/334/

17、一款来自国外网站图片不规则排列的焦点图

预览地址:http://www.lanrenzhijia.com/yulan/333/

18、CSS3实现的点击按钮背景图片不断切换的JS代码

预览地址:http://www.lanrenzhijia.com/yulan/318/

19、CSS3实现鼠标移动到DIV上高亮显示特效

预览地址:http://www.lanrenzhijia.com/yulan/313/

20、jQuery+CSS3旋转动画轮播幻灯特效代码

预览地址:http://www.lanrenzhijia.com/yulan/391/

21、jquery+CSS3实现的百叶窗效果

预览地址:http://www.lanrenzhijia.com/yulan/375/

22、CSS3实现圆形导航效果

预览地址:http://www.lanrenzhijia.com/yulan/365/

23、jquery+css3实现图标震动效果

预览地址:http://www.lanrenzhijia.com/yulan/453/

24、CSS3实现苹果导航栏图片放大效果

预览地址:http://www.lanrenzhijia.com/yulan/406/

25、CSS3在线模拟时钟日期效果

预览地址:http://www.lanrenzhijia.com/yulan/458/

 

分享到:
评论

相关推荐

    漂亮的CSS3按钮边框动画特效

    本教程将详细讲解如何利用CSS3实现"漂亮的CSS3按钮边框动画特效",包括按钮边框游走动画以及鼠标悬停时的倾斜放大效果。 首先,我们需要理解CSS3中的关键帧动画(@keyframes),这是创建边框动画的基础。通过定义...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery仿flash图片放大相册的插件代码(Zoomer Gallery)下载 9....

    css3树形展开导航特效代码

    【CSS3树形展开导航特效代码详解】 在网页设计中,导航菜单是用户与网站交互的重要组成部分,而树形展开导航则是其中一种常见且实用的设计模式。CSS3(层叠样式表第三版)的出现,使得我们可以利用其强大的功能来...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    25.jquery鼠标移动出现下拉菜单及提示特效代码 26.jquery外国滚动型多级展开菜单插件(jGlideMenu)下载 27.jquery自由滚动切换 标签式导航菜单示例 28.博客Blog横向jquery动态滑动菜单插件示例 29.打包50种...

    JavaScript_JQuery_CSS_DIV漂亮的实例

    3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿...

    100多个JQuery效果示例(实例)div+css+javascrpit

    5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery仿flash图片放大相册的插件代码(Zoomer Gallery)下载 9....

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    45:很不错的漂浮广告代码下载 46:图片变换特效广告代码下载 47:鼠标移动提示的广告代码下载 48:漂亮的放GG代码的广告框架下载 49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    45:很不错的漂浮广告代码下载 46:图片变换特效广告代码下载 47:鼠标移动提示的广告代码下载 48:漂亮的放GG代码的广告框架下载 49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字...

    jquery 动态示例

    5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery仿flash图片放大相册的插件代码(Zoomer Gallery)下载 9....

    js实现漂亮的table表格

    在网页开发中,表格(Table)是展示数据的...在"JS实现漂亮的表格table特效代码"这个压缩包文件中,你可以找到具体的实现代码,通过学习和理解这些代码,相信你会对使用JavaScript和CSS创建前端表格有更深入的了解。

    javascript经典效果示例

    67:___超漂亮Js+css图片幻灯切换 68:___马赛克效果的JS图片切换代码 69:___鼠标放到图片上会滑出提示文字 70:___鼠标滑过,缩略图放大显示(纯CSS) 71:___鼠标移上图片,变换出大图片 72:___鼠标经过图片时显示半...

    JavaScript王者归来part.1 总数2

    图书目录  第一部分 概论  第1章 从零开始  1.1 为什么选择JavaScript?   1.2 JavaScript的应用范围   1.3 JavaScript的版本   1.4 一些值得留意的特性 禁忌及如何突破这些... 16.4 一个例子--漂亮的Web...

    图库新版jQuery焦点图 JS代码

    tips[3] = '漂亮但无内容的网站,没有人会第三次访问它。'; tips[4] = '所谓策划:简单的问题复杂化,复杂的问题简单化'; tips[5] = '不会打枪的士兵能打仗么?分不清盐和碱的能成为厨师么?不懂web技术能策划网站么...

Global site tag (gtag.js) - Google Analytics