更多

CSS3

10 个基于 jQuery/CSS3 的图片特效

jQuery作为理想的开源Javascript开发库,已经被广大前端开发者所接受和使用,由jQuery编写的图片插件也数不胜数。CSS3是最近几年刚兴起的新技术,CSS3的应用,可以让图片拥有非常绚丽的特效,无论在视觉上还是在使用上,你一定会喜欢这些图片特效素材。  1、jQuery iNav水... 详情»
06月17日 15:08 更多相关: , 8,146

10 款强大绚丽的 jQuery/CSS3 特效

作为前端开发者,也在网页中应用过不少jQuery和CSS3效果,但大部分都是找开源的插件代码来实现,下面是10款开发者非常喜欢的jQuery/CSS3插件应用,有几个你可能比较熟悉,一起来看看吧。  1、jQuery实现3D圆盘图片播放,支持鼠标滚轮  这款相片播放工具是基于jQuery... 详情»
06月01日 6:36 更多相关: , 6,524

CSS3导航栏悬浮动画

支持Chrome、FireFox、Safari;IE8有效果但是没有动画,IE9、IE10没有测试;Opera虽然支持伪元素,但是不支持动画,令人费解啊,不过我大Opera已经投向了Webkit怀抱! 具体效果看上面的导航栏↑↑ #menu ul li a { display: block; border-bottom: 0; color: #6a... 详情»
03月07日 19:52 更多相关: 2,684

使用CSS3 Box Shadow实现的10个创新设计

1. 固定的顶部工具栏 在线演示 #banner { position: fixed; height: 60px; width: 100%; top: 0; left: 0; border-top: 5px solid #a1cb2f; background: #fff; -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0... 详情»
01月30日 9:18 更多相关: 3,402

8 套精致的纯 CSS3 按钮

按钮是网页中用户交互的重要元素之一,一款吸引人眼球的按钮能更好的引导用户去点击,从而产生网站期望得到的效果。今天向大家分享8款外观精致的纯CSS3按钮特效组合,一起来看看。 1、漂亮的纯CSS3图标按钮组合 带图标的纯CSS3按钮组合,图标简洁清爽,按钮美观大方,很不错的... 详情»
01月23日 9:16 更多相关: 4,731

实用的 CSS3 参考手册和代码生成工具

CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。  一、参考... 详情»
06月20日 9:44 更多相关: 3,428

10 个很棒的 CSS3 按钮制作教程和例子

CSS3 是 HTML/CSS 的未来,是一个强大的 CSS 框架,在这篇文章中我们贴出一些很棒的用 CSS3 制作按钮的教程和实例。 ZardiCSS3 Button MakerCSS3 Gradient Button GeneratorHow To Create a Stylish Button Entirely with CSS3CSS3 Buttons TutorialPretty CSS3 butt... 详情»
06月15日 9:14 更多相关: 2,797

10 套华丽的 CSS3 按钮推荐

在过去的Web开发中,通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展,你完全可以通过几行代码来定制一个漂亮的按钮,并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤,并且非常易于编辑、扩展和定制,你只需要更改代码即... 详情»
04月11日 7:14 更多相关: 3,549

分享 10 个华丽的 CSS3 设计教程

网页设计师们普遍认为在网站设计方面,CSS3拥有令人难以置信的潜力,但目前过多的限制导致它还未被广泛应用。  这篇文章介绍了10个CSS3设计教程,帮助你熟练运用CSS3的一些新增功能。由于浏览器对CSS3的支持问题,部分教程的效果仅支持在Chrome、Safari、Firefox等现代浏... 详情»
03月08日 12:20 更多相关: 2,573

分享6个最好的 HTML5/CSS3 演示(PPT)框架

HTML 是全世界最流行的网页编程语言。而HTML5是这门语言的升级版本。越来越多的开发者和设计师开始使用HTML5.今天我们要介绍的是最好的几个 HTML5/CSS3 的演示工具和框架,你可以用它们来创建你的网页PPT。 1. html5 Slides 这是 Google 提供的 HTML5 幻灯片模板。你可以下载这... 详情»
02月29日 17:38 更多相关: , 3,496

手机版百度首页推情人节特效,HTML5+CSS3 实现网页3D翻转

今天是西方的传统节日情人节,这次百度走在了 Google 前面,率先在手机版百度首页推出了情人节特效。 用现代一点的浏览器打开手机版百度首页会 看到百度的 LOGO 变成了一个一直闪动翅膀的小天使,点击天使后屏幕顶部会出现一幅幾米漫画,显示两个男女主人公向左右渐变消失... 详情»

Linux唯一的CSS3渐变发生器,Gradiator使用

这是一个基于Linux Web开发人员所必须具备的工具:Gradiator。Gradiator是一个用于Linux的CSS3渐变应用程序。而且它是目前唯一一个可用于Linux系统的CSS3渐变应用程序。该应用程序带有一个可调节的滑动块;一个配置渐变颜色的色轮和一个简单的方法来设置渐变的方向。 设置好你... 详情»

纯 CSS3 打造的 iPhone 4

在老外这个物种中从来不缺乏代码大神,这不竟然有个胖友使用CSS3 代码模拟出了绚丽的 IOS 界面。目前的功能有:开机,关机 ,滑动解锁等,而且竟然不使用任何图片!只使用了3395行 CSS代码 与 335行 JaveScript。赶紧去瞻仰一下……传送门: iPhone4 o... 详情»
12月27日 14:27 更多相关: , 2,760

10 个实验性的 JS/CSS3 编程技术推荐

本文所介绍的编程技术,可以有效地改善用户体验和设计师的工作流程,替代原先在IE6上使用的旧的解决办法。需要注意的是,下面列出的大部分技术还在实验阶段,而且有些不是纯CSS技术(一些使用jQuery或其它JavaScript库)。但本文还是非常值得一看。  1. 告别overflow:hidd... 详情»
12月09日 21:27 更多相关: , 2,803

HTML 5 & CSS 3 的新交互特性

本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由 于图片的体积不算太小,可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么,有没有一种新的方法可以避免这些缺点呢? 有的... 详情»
12月03日 0:41 更多相关: , 3,052