css3 - cnblogs - 秋色园关键字追寻

CSS3变形与动画效果示例：淡入淡出的transform

在CSS3中，可以利用transform功能来实现文字或者图像的旋转、缩放、倾斜、移动这四种变形处理。transform基础知识在CSS3中，通过transform属性来达到功能需求，我们这里来看一个例子：<htmlxmlns="http://www.w3.org/1999/xhtml"><head&

http://cyqdata.com/cnblogs/article-detail-54363 2013/4/27 14:29:19

The Expressive Web：最具创意的HTML5和CSS3特性展示

不久前，Adobe发布了一个展示HTML5和CSS3特性的网站项目：The Expressive Web，该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能，另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。该网站突出展示了以下HTML5和CSS3特性： CSS3 animat

http://cyqdata.com/cnblogs/article-detail-52285 2011/8/16 8:06:44

IE兼容css3圆角的方法

以前做网页圆角一般是用圆角图片，但未免过于复杂，现在css3的border-radius属性可以很方便的实现圆角功能，对网站前台人员无疑是一件喜事，但悲剧的是IE6/7/8并不支持，让我们弃新技术不用，是不可能的，因此找到了一种解决的办法--- IE利用VML矢量可标记语言作为画笔绘出圆角：下载一个压缩包ie-css3.htc，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的

http://cyqdata.com/cnblogs/article-detail-41917 2011/7/21 9:52:21

用CSS3打造HTML5的Logo

本文将向大家介绍如何利用CSS3的新样式属性制作一个HTML5的Logo。我们先来看看最终的效果：不要怀疑，上面的logo完全由HTML+CSS实现。我们将logo划分为盾形、数字5和辐射背景三大部分，下面将分别实现每个部分。盾形盾形在外形上是左右对称的，因此我们可先完成左半边，右半边可复制过来再修改一些参数。左半边准备用三个div实现，其中有两个div需要倾斜一定的角度来实现盾形的左边和

http://cyqdata.com/cnblogs/article-detail-40658 2011/6/23 21:32:20

CSS3 应用02 - 嵌入字+立体字+霓虹灯等文本效果

郑重声明，如果引用，请注明出处：（原创博客园：天之子） CSS3 应用01 - 文本阴影效果（兼容IE 7-9 Firefox Opera Chrome 等多浏览器）介绍了文本阴影的简单应用。下面，常见的文本特效：嵌入字、立体字、霓虹灯等文本效果，提供完整的 CSS 代码。 1、嵌入字显示代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

http://cyqdata.com/cnblogs/article-detail-40609 2011/6/23 10:20:52

分享24个很酷的 CSS3 文本效果示例及教程

CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。今天这篇文章收集了24个很棒的 CSS3 文本效果示例及教程分享给大家。 Text with Moving Backgrounds Flashlight (Works in Safari only) CSS3 Text Masking Effect Tilt-Shift

http://cyqdata.com/cnblogs/article-detail-40561 2011/6/22 21:13:40

CSS3 应用01 - 文本阴影效果（兼容IE 7-9 Firefox Opera Chrome 等多浏览器）

郑重声明，如果引用，请注明出处：（原创博客园：天之子） CSS3 提供一个文本阴影属性：text-shadow : color || length || lenth|| opacity 其中，第一个参数是颜色，第二个参数是阴影的水平延伸距离，第三个参数是阴影的垂直延伸距离，第四个参数是模糊效果的作用距离。支持设定多组效果。例如：text-shadow: #333333 4px 5px 6p

http://cyqdata.com/cnblogs/article-detail-40142 2011/6/16 19:50:17

CSS3 应用01 - 文本阴影效果（兼容IE 7-9 Firfox Opera Chrom 等多浏览器）

http://cyqdata.com/cnblogs/article-detail-40115 2011/6/16 20:42:06

让你的Visual Studio 2010 支持HTML5 和 CSS3

现在的热门话题之一是HTML5 和 CSS3。好的，它们都很时髦，它们也必然会影响网络开发的未来。让我们尝尝鲜，花点时间安装设置一下，尽快让Visual Studio2010支持HTML5 和 CSS3 吧。　　首先到微软网站上下载 Visual Studio 2010 SP1。双击开始执行VS10sp1-KB983509.exe，然后等待补丁的下载安装完成。 – 由于Vis

http://cyqdata.com/cnblogs/article-detail-38841 2011/6/1 19:59:53

【最新】五大主流浏览器 CSS3 和 HTML5 兼容性大比拼

各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。　　当然，即使标准正式制定了，现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 H

http://cyqdata.com/cnblogs/article-detail-38209 2011/5/26 22:09:08

CSS3圆角详解

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

http://cyqdata.com/cnblogs/article-detail-37795 2011/5/21 17:27:13

揭秘HTML 5和CSS3 Web实现飞跃的踏板

互联网的发展总是在不断地催生新技术的产生，而HTML 5和CSS 3是最近一直被讨论的热门话题，关于HTML 5与Flash之间的唇枪舌战一直不断，而CSS 3的新功能也让人们备受期待。那么HTML 5和CSS3究竟有哪些让我们眼前一亮的东西呢？ HTML 5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团

http://cyqdata.com/cnblogs/article-detail-37635 2011/5/20 0:40:10

推荐10个很棒的 CSS3 开发工具

CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。尽管如此，有几个工具可以在你使用 CSS3 制作网站的时候起到很好的帮助作用。在这篇文章中，收集了10款非常有用的工具推荐给大家。 CSS3 Pie 使用CSS3 Pie可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。→ 访问 CSS3

http://cyqdata.com/cnblogs/article-detail-37419 2011/5/15 23:09:06

推荐12个漂亮的CSS3按钮实现方案

在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果，随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。 BonBon Buttons Zardi CSS3 Buttons With Simple Markup Fancy Buttons 10 Nice CSS3 Bu

http://cyqdata.com/cnblogs/article-detail-37249 2011/5/11 19:45:11

分享50个 CSS3 最佳应用示例

CSS3 和 HTML5 是现在Web开发领域的技术热点，它们的确给 Web 开发带来了革命性的影响。今天，要与大家分享的是50个 CSS3 应用的最佳例子，从中你能体会到 CSS3 中许多让人欣喜的特性，尽情欣赏吧。 1- Leaves CSS3 2- Easily Turn Your Images Into Polaroids with CSS3 3- CSS3 Lightbox Ga

http://cyqdata.com/cnblogs/article-detail-36711 2011/4/25 22:00:18

使用 CSS3 可以实现的五种很酷很炫的效果

CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话，可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等，尽情欣赏吧。 1. 制作精美的按钮 2. 实现很酷的字体效果 3. 创建时尚的

http://cyqdata.com/cnblogs/article-detail-35851 2011/3/30 6:28:05

CSS3属性之五：text-overflow

语法： text-overflow ： clip | ellipsis 取值： clip：不显示省略标记（...），而是简单的裁切。 ellipsis：当对象内文本溢出时显示省略标记（...）说明：设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。 text-overflow属性仅是注解，当文本溢出

http://cyqdata.com/cnblogs/article-detail-35469 2011/3/24 4:05:15

CSS3属性之三：text-shadow

语法： text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]* 相关属性：无取值： <color> ：指定颜色。<length> ：由浮点数字和单位标识符组成的长度值。可为负值

http://cyqdata.com/cnblogs/article-detail-35008 2011/3/16 21:32:02

24款非常实用的CSS3工具终极收藏

对于Web设计和开发人员来说，CSS是非常重要的一部分，随着越来越多的浏览器对CSS3的支持及不断完善，设计师和开发者们有了更多的选择。如今，用纯CSS就可以实现各种各样很酷的效果，甚至是动画。今天这篇文章向大家推荐24款非常优秀的CSS3工具，为了获得更佳的效果，请在Chrome 4+, Safari 4+, Firefox 3.6+, IE9+, Opera 10.5+版本浏览器中浏览如下在线

http://cyqdata.com/cnblogs/article-detail-32361 2011/3/8 13:11:05

CSS3动画播放时间-速度分析

CSS3最引人注目的莫过于支持动画效果。只要预先定义好关键帧的css样式，以及动画时间，浏览器就会自动生成播放其中的每个帧。这在以往需要不少的js代码，并且运行效率并不高。CSS3的动画效果极大程度上减轻了脚本的编写，使得开发者可以把更多的精力投入在内容上，而不是实现上。不

http://cyqdata.com/cnblogs/article-detail-31747 2011/3/4 19:21:09