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个为Web开发人员准备的CSS3实用教程
本文搜集了一些关于 CSS3 的最新教程。你可以根据这些教程或技术来实现网页设计，包括：文字阴影、圆角框、盒模型尺寸计算（box sizing）、透明效果处理、多重背景、边框图像等。以下这些都是非常实用的 CSS3 教程，提供了许多优秀的技术。 1. Super Awesome Buttons with CSS3 and RGBA （使用 CSS3 和 RGBA 做出超级棒的按钮效果） 2. A... [阅读全文]
css3教程,20个很酷的CSS3导航菜单制作教程
CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家推荐20个很酷的CSS3导航菜单制作教程，展示一下 CSS3 的魅力。 How to Create a CSS3 Wheel Menu How to Create... [阅读全文]
css3动画,通过javascript操作CSS3属性实现动画
CSS3提供两种方式来实现动画，transition与animation。animation涉及自定义一种为“@keyframes”的东西，这个需要动用到insertRule太复杂了，因此本文跳过它。有人它为transform也算一种，但它是静态的，需要结合transition才能变成动态，因此也跳过。 transition主要就是以下四个属性,后面跟着的是它们的初始值 transition-p... [阅读全文]
css3表单,10个不错的CSS3表单教程
CSS3的出现，为制作更好的网页表单带来无数新的可能。在本文中，我收集了10种运用新技术CSS3，制作非常棒的表单的教程。 1. HTML5 和 CSS3表单 HTML5引进了类似诸如滑动条、数字旋转器、日期选择自定义这些实用的新表单元素。该教程会教你怎样用HTML制作表单，并且和CSS3相得益彰。它能够将CSS3和HTML5巧妙地结合在一起。 2. 无图片和JavaScript的 CSS3 ... [阅读全文]
css实现圆角,CSS圆角实现详解
上次在群里有同学提出这样的问题，因为之前一直在用传统的Div，所以当时没能回答出来，之后经过Google了相关资料后，总结并实践了各种实现方法，现在将它写了来和大家分享一下，如果你是一个Div+Css老鸟并且已经熟练掌握，那么请直接跳过本文（您的时间一定很宝贵吧，呵呵！），如果你之前没用过并且也不会，那么请认真、耐心的看完这篇文章，我保证，你肯定能做到。以下几种方法经IE6、Ie7、Firefox... [阅读全文]
css3渐变,CSS3 应用02 - 嵌入字+立体字+霓虹灯 等文本效果
郑重声明，如果引用，请注明出处：（原创 博客园：天之子） CSS3 应用01 - 文本阴影效果（兼容IE 7-9 Firefox Opera Chrome 等多浏览器）介绍了文本阴影的简单应用。 下面，常见的文本特效：嵌入字、立体字、霓虹灯等文本效果，提供完整的 CSS 代码。 1、嵌入字 显示代码 1 2 3 4 5 6 7 body 8 { 9 background-color: ... [阅读全文]
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圆角,推荐10个很棒的CSS3开发工具
CSS3确实是对CSS规范的一个很大的改善，它可以让Web开发人员很容易在网站中加入时尚的效果。尽管如此，有几个工具可以在你使用CSS3制作网站的时候起到很好的帮助作用。在这篇文章中，收集了10款非常有用的工具推荐给大家。 CSS3 Pie
使用CSS3 Pie可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。→ 访问 CSS3 Pie CSS3 Build... [阅读全文]
css3教程,十二个CSS3按钮实现方案及使用教程
在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果。随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。 CSS3 Buttons With Simple Markup GitHub-Style CSS3 Buttons Zardi Super Awesome Butto... [阅读全文]
css3圆角,分享50个 CSS3 最佳应用示例
CSS3 和 HTML5 是现在Web开发领域的技术热点，它们的确给 Web 开发带来了革命性的影响。今天，要与大家分享的是50个 CSS3 应用的最佳例子，从中你能体会到 CSS3 中许多让人欣喜的特性，尽情欣赏吧。 1- Leaves CSS3
2- Easily Turn Your Images Into Polaroids with CSS3
3- CSS3 Lightbox ... [阅读全文]
css3教程,10 个漂亮的 CSS3 表单制作教程
HTML5 & CSS3 form HTML5 引入了非常有用的表单元素——滑动条、数字调整、日期选择等，该教程教你如何使用这些元素并制作非常精美的表单。 » View tutorial 无需图片和JavaScript的 CSS3 表单 该教程是法语的，点进去之前确保自己法语是杠杠的，也可以下载源码来体验一下：get the source code &raq... [阅读全文]
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圆角,微软Expression Web 4 SP1发布，加入CSS3支持
今天发现Windows Update出现一个更新项：Expression Web 4 Service Pack 1。到微软网站查了下，原来这个SP1已经在3月17日就做好的了，但在21号才发布更新消息，今天再推送给用户。 Expression Web 4 SP1的主要更新项： 改善稳定性 PHP的include语句可以随时更新 PHP网页预览 可以插入Silverlight视频 改善Team... [阅读全文]
css3圆角,让IE支持CSS3圆角的方法
如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。 本文我们主要是讲解如果用CSS 3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析，只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种，下面介绍一种实用的让IE支... [阅读全文]
css3圆角,使用CSS3 @font-face实现个性化字体
在网页中，我们可以用CSS的font-family属性来定义字体，然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，所以用font-family属性就无法实现了，今天我们就介绍使用@font-face实现个性化字体。 CSS3 @font-face 说@font-face是C... [阅读全文]
css圆角,CSS圆角效果,支持IE,FF,Chrome,Sa...
注：本文纯属转载
出处：http://www.oschina.net/bbs/thread/15330
先说一下Firefox的圆角属性：
-moz-border-radius: {1,4} | inherit
如果你想设置四个角都是一样圆角的话，可以像这样子直接设置-moz-border-radius:5px;
也可以单独设置元素的上左、上右、下右、下左四个角的值，分别用-moz-bo... [阅读全文]
css圆角,CSS border三角、圆角图形生成技术详解
点评：利用CSS的border属性可以生成一些图形，例如三角或是圆角。 一、前言 利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS b... [阅读全文]
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... [阅读全文]
css圆角背景,CSS技巧之圆角背景与三角形实现方法
点评：前端开发中两个很不错的小技巧, CSS三角形与圆角背景. 的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS三角形及圆角背景将是上佳选择. 查看演示
!DOCTYPE HTML
html
head
meta charset... [阅读全文]
css3圆角,CSS3实战第一波 让我们尽情的圆角吧
点评：在没有css3 以前，或者说，在webkit没有占绝对的优势以前，圆角对于制作经理来说，都是一个纠结的死角。如果说，WAP2.0网页的机型、浏览器适配给我们无线制作经理造成了巨大的心理阴影，那么从iPhone、Android这些高端手机应用 起，我们终于可以庆幸比其他同行提前迎来了一个新时代，这两种高端手机上的Safari Mobile和Google Android浏览器近乎完美的渲染效果，... [阅读全文]
css3圆角,彻底弄明白CSS3的Media Queries（跨平台设计）
点评：CSS3的Media Queries 完美解决网站与手机跨平台设计.... [阅读全文]
1 共1条 分1页
