css3教程,分享16个优秀的 CSS3 表单开发教程

CSS3 给 Web 开发带来了革命性的影响,以前很多需要 JavaScript 才能实现的复杂效果,现在使用 CSS3 就能简单的实现。今天这篇文章和大家分享16个优秀的 CSS3 表单开发教程。 Create a Stylish Contact Form with HTML5 & CSS3 Create a Slick CSS3 Login Form NO IMAGES ALLOWED D... [阅读全文]

css3圆角,利用CSS3的transform做的动态时钟

近来HTML5+CSS3,以及相关的游戏开发都很火啊,本人也得跟上时代的脚步,做了一个CSS3的小Demo供大家指点。 1. transform 与 transform-origin 使用说明 目前这两个属性得到了主流浏览器IE,webkit,firefox,opera的支持,属性名分别为-ms-transform -webkit-transform,-moz-transform,-o-trans... [阅读全文]

css3效果,24个让人惊讶的 CSS3 文本效果

CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。今天这篇文章收集了24个很棒的 CSS3 文本效果及教程分享给大家。 Glass Text Effect (refractive index) with CSS3 Fun With CSS Text-Shadow Create a Cool Anaglyphic Text Effec... [阅读全文]

css3圆角,20 个令人惊叹的 CSS3 文本效果

本站之前已经介绍了很多关于图标、jQuery特效等文章,对于web设计师,文本也同样是不可忽视的因素。 一直以来都是Photoshop来编辑一些漂亮的样式,并插入文本。同样CSS3也可以帮你搞定,甚至效果会更好。 本文介绍了20多个令人惊叹的CSS3文本效果,包含教程。你可以直接用在你的web设计中,或许能激发出更多的灵感。 Glass Text Effect (refractive index... [阅读全文]

css3圆角,12款有助于简化CSS3开发的工具

网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。 1、CSS3Pie: 允许在IE上使用CSS3绝大部分的酷炫功能。 2、CSS3 Builder: 通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。 3、CSS3 Drop sh... [阅读全文]

css3教程,十二个CSS3按钮实现方案及使用教程

在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果。随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。 CSS3 Buttons With Simple Markup GitHub-Style CSS3 Buttons Zardi Super Awesome Butto... [阅读全文]

css3按钮,12组免费的CSS3 按钮强力推荐

一直以来,都是图片或是JavaScript用来创建按钮。随着CSS3被更广泛的支持,我们有幸能够利用很好的CSS3按钮。 本文推荐12组免费的、拿来就用的CSS3按钮,不会让你失望。 1、CSS3 Buttons With Simple Markup 2、GitHub-Style CSS3 Buttons 3、Zardi 4、Super Awesome Buttons with CSS3 a... [阅读全文]

css3圆角,使用CSS3 @font-face实现个性化字体

在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天我们就介绍使用@font-face实现个性化字体。 CSS3 @font-face 说@font-face是C... [阅读全文]

css3圆角,利用CSS3的checked伪类实现OL的隐藏显示的方法

点评:随着CSS3的发布,国外研究正如火如荼,但在国内还有很多人抱着IE不支持CSS3的想法,始终无动于衷不肯去学习。 随着CSS3的发布,国外研究正如火如荼,但在国内还有很多人抱着IE不支持CSS3的想法,始终无动于衷不肯去学习。但是历史告诉我们,好的东西必将盛行,CSS3也终将也会替代CSS2,下面就和大家分享一个用CSS3打造的可折叠树状菜单。 直接上图: 树状菜单相信大家都不会陌生,我们... [阅读全文]

css3圆角,利用CSS3的checked伪类实现OL的隐藏显示的方法

点评:随着CSS3的发布,国外研究正如火如荼,但在国内还有很多人抱着IE不支持CSS3的想法,始终无动于衷不肯去学习。 随着CSS3的发布,国外研究正如火如荼,但在国内还有很多人抱着IE不支持CSS3的想法,始终无动于衷不肯去学习。但是历史告诉我们,好的东西必将盛行,CSS3也终将也会替代CSS2,下面就和大家分享一个用CSS3打造的可折叠树状菜单。 直接上图: 树状菜单相信大家都不会陌生,我们... [阅读全文]

css3圆角,css3 background属性调整增强介绍

点评:css3对于backgrounds做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 (注:仅对css3对background的调整、增加的属性进行了翻译)css3对于backgrounds做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片在css3里面,你可以再一个标签... [阅读全文]

css3测试,CSS3 试试看

无意中看到CSS3的强大功能,比较感兴趣,分享下先。。。呵呵 首先你得安装IE9,,,, 如果你没安装IE9 beata,来这里试试。。。 http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide 选择语言和版本, 或者是FireFox3.1版本以上,Opera9.5版本以上。(我只是在IE9下面测试... [阅读全文]

css3圆角,CSS3圆角详解

  一、CSS3圆角的优点  传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:  * 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。  * 提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速度将变快。  * 增加视觉可靠性。某些情况下(网络拥堵、服务器出错、网速过慢等等),背景... [阅读全文]

css3圆角,CSS3 试试看

无意中看到CSS3的强大功能,比较感兴趣,分享下先。。。呵呵首先你得安装IE9,,,, 如果你没安装IE9 beata,来这里试试。。。http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide选择语言和版本, 或者是FireFox3.1版本以上,Opera9.5版本以上。(我只是在IE9下面测试)。 1... [阅读全文]

css3圆角,CSS3实战第一波 让我们尽情的圆角吧

点评:在没有css3 以前,或者说,在webkit没有占绝对的优势以前,圆角对于制作经理来说,都是一个纠结的死角。如果说,WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影,那么从iPhone、Android这些高端手机应用 起,我们终于可以庆幸比其他同行提前迎来了一个新时代,这两种高端手机上的Safari Mobile和Google Android浏览器近乎完美的渲染效果,... [阅读全文]

css3圆角,彻底弄明白CSS3的Media Queries(跨平台设计)

点评:CSS3的Media Queries 完美解决网站与手机跨平台设计.... [阅读全文]

伪类选择器,CSS3 伪类选择器 nth-child()说明

点评:CSS3标准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,今天我们就来“前瞻”一下CSS3的一个伪类选择器“nth-child()”。CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标准已提出数年,但是目前能实现她... [阅读全文]

css3圆角,CSS3实战第一波 让我们尽情的圆角吧

点评:在没有css3 以前,或者说,在webkit没有占绝对的优势以前,圆角对于制作经理来说,都是一个纠结的死角。如果说,WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影,那么从iPhone、Android这些高端手机应用 起,我们终于可以庆幸比其他同行提前迎来了一个新时代,这两种高端手机上的Safari Mobile和Google Android浏览器近乎完美的渲染效果,... [阅读全文]

css3圆角,css3 border-image使用说明

点评:css3_快速弄明白border-image 在看这个属性时,好像国内的文章都没给大家说太明白,今天就一起说说首先来一个素材图片whiteButton.png 然后我们要做成这样的效果: 代码(呵呵!请不要急,继续向下看):复制代码代码如下:... [阅读全文]

css3圆角,彻底弄明白CSS3的Media Queries(跨平台设计)

点评:CSS3的Media Queries 完美解决网站与手机跨平台设计.... [阅读全文]

css3圆角,收集的7个CSS3代码生成工具

点评:说到CSS3相信都并不陌生了,但是对于应用来说,却鲜见有人体验,尤其是在大型网站开发过程中,还是在保守地使用当前的CSS语言编写代码。在一些个人性质的网站和博客中,已经有不少人开始使用CSS3进行网站的编写,总之CSS 3的广泛应用是需要多方面的支持才可以变的更加广泛。这里是7个不错的CSS3 代码生成工具,或许对你学习CSS 3会有很大的帮助。1. CSS3 Generator2. CSS... [阅读全文]

css3圆角,CSS3 开发工具收集

点评:神采飞扬收集的一些CSS3 开发工具,学习css3的朋友可以参考下。通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3... [阅读全文]

css3圆角,css3 border-image使用说明

点评:css3_快速弄明白border-image 在看这个属性时,好像国内的文章都没给大家说太明白,今天就一起说说首先来一个素材图片whiteButton.png 然后我们要做成这样的效果: 代码(呵呵!请不要急,继续向下看):复制代码代码如下:... [阅读全文]

css3圆角,CSS3 please 跨浏览器的CSS3产生器

点评:你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否在考虑跨浏览器使用CSS3的时候,要记住哪些前缀是支持哪个浏览器的?你是否想过有什么办法能一劳永逸的(或者便捷的)解决这些问题?不用发愁了,Paul Irish与朋友制作了一个有意思的CSS3生成器,在这个页面上你可... [阅读全文]

css3圆角,CSS3 please 跨浏览器的CSS3产生器

点评:你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否在考虑跨浏览器使用CSS3的时候,要记住哪些前缀是支持哪个浏览器的?你是否想过有什么办法能一劳永逸的(或者便捷的)解决这些问题?不用发愁了,Paul Irish与朋友制作了一个有意思的CSS3生成器,在这个页面上你可... [阅读全文]

css3圆角,50个强大璀璨的CSS3/JS技术运用实例

点评:50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但 许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With... [阅读全文]

css3圆角,CSS3 简单又实用的5个属性

点评:这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性,我指的是旧的 CSS2 中的属性,如:clip,min-height,white-space,curosr 和 display 等一些被所有浏览器广泛支持的属性。因此,千万不要错过这篇文章,因为你可能发现它们竟有如此之大的用途。1、CSS Clip剪辑 (clip) 属性... [阅读全文]

css3圆角,CSS3模块的目前的状况分析

点评:以下是一张所有CSS3模块的表格以及他们目前的状况。css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到“推荐”级别。以下是一张所有CSS3模块的表格以及他们目前的状况。css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到“推荐”级别。注:这个页面于2009年1... [阅读全文]

css3圆角,50个强大璀璨的CSS3/JS技术运用实例

点评:50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但 许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With... [阅读全文]

css3圆角,CSS3 简单又实用的5个属性

点评:这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性,我指的是旧的 CSS2 中的属性,如:clip,min-height,white-space,curosr 和 display 等一些被所有浏览器广泛支持的属性。因此,千万不要错过这篇文章,因为你可能发现它们竟有如此之大的用途。1、CSS Clip剪辑 (clip) 属性... [阅读全文]
1 共1条 分1页