12款带动画效果的CSS3变形按钮动画.rar

12款带动画效果的CSS3变形按钮动画，默认状态下，这些按钮都呈现“三”的形状，但当鼠标单击后，就变以了形状，有的变成叉子，有的变成对号，有的改变方向，有的变成“一”字，还有的变成了向左、向右的箭头，最终变幻的图形都是在动画之后形成的，动画效果很流畅。 　　在CSs文件中，每款按钮的对应代码相对独立 ，你使用时更方便复制。

齿轮2.zip实验四 HTML5 CSS3齿轮滚动(CSS3动画、变形)

实验四 HTML5 CSS3齿轮滚动(CSS3动画、变形)

3D字体旋转特效（HTML5-CSS3）

酷炫的3D文字旋转特效，基于HTML5和CSS3.

css3平面动画无Javascript.zip

HTMLcss3平面特效2D旋转字体放大缩小，出场动画。背景旋转变形并缩小。 HTML初学css3特效……

CSS 3实战.pdf高清完整无删节

目录 前言 第1章 预览激动人心的CSS 3 1.1 CSS 3发展概述 1.2 CSS 3模块化简介 1.3 CSS 3新特性概览 1.4 主流浏览器对CSS 3的支持 1.5 CSS 3的未来和思考 第2章 CSS 3新增的选择器 2.1 属性选择器 实战体验：文档共享的友善?举 2.2 结构伪类选择器 实战体验1：设计优雅的数据表格 实战体验2：CSS大战保龄球 实战体验3：让枯燥的列表更有趣 实战体验4：清理圆角边框中的垃圾标签 2.3 UI元素状态伪类选择器 实战体验1：设计可用的表单 实战体验2：设计友好、易用的表单 2.4 其他新增选择器 实战体验1：设计层序化的数据表格 实战体验2：改善页内导航的视觉体验 第3章 增强的文本和颜色功能 3.1 文本阴影-text-shadow属性? 实战体验：设计超酷的黑猫警长首页 3.2 溢出文本省略-text-over flow属性 实战体验：设计固定区域的新闻列表 3.3 文本换行显示-word-wrop属性 实战体验：防止表格标题行换行 3.4 CSS 3文本模块解析 3.5 CSS 3不同版本之间的文本规范的差异 3.6 HSL色彩模式 实战体验：网页配色解决方案表 3.7 HSLA色彩模式 实战体验：模拟渐变色条 3.8 RGBA色彩模式 实战体验：设计带阴影边框的表单 3.9 不透明度-opacity属性 实战体验：设计灯箱广告背景布 第4章 新增的弹性盒模型 4.1 定义盒子的布局取向-box-orient属性 实战体验：设计多栏布局 4.2 定义盒子的布局顺序-box-direction属性 实战体验：反向布局网页 4.3 定义盒子布局位置-box-ordinal-group属性 实战体验：垂直网页布局 4.4 定义盒子的弹性空间-box-flex属性 实战体验：自适应栏目宽度设计 4.5 管理盒子的空间-box-pack和box-align属性 实战体验：自适应布局居中设计 4.6 空间溢出管理-box-lines属性 实战体验：让子元素分行显示 4.7 弹性布局综合实战-打造新技术含量的博客 4.7.1 构建博客页的基本结构 4.7.2 完善博客页的结构 4.7.3 弹性布局设计 第5章 完善的盒模型和UI设计 5.1 定义多色边框-border-color属性 实战体验：设计立体边框 5.2 定义边框背景图-border-image属性 实战体验：设计各种精巧的边框 5.3 设计圆角-border-radius属性 5.4 设计块阴影-box-shadow属性 5.5 CSS 3边框和背景样式综合实战 5.6 设计多重背景图象-background属性 实战体验：背景图像合成 5.7 定义背景坐标原点-background-origin属性 实战体验：设计信纸背景效果 5.8 定义背景裁剪区域-background-clip属性 实战体验1：设计内容区背景 实战体验2：设计按钮效果 5.9 定义背景图像大小-background-size属性 实战体验：设计自适应模块大小的背景图像 5.10 溢出内容处理-overflow-x和overflow-y属性 5.11 定义盒模型解析模式-box-sizing属性 5.12 自由缩放-resize属性 实战体验：设计能随意调整大小的壁画 5.13 定义外轮廓线-outline属性 实战体验：设计醒目激活和焦点提示框 5.14 定义外轮廓线宽度-outline-width属性 5.15 定义外轮廓线样式-outline-style属性 5.16 定义外轮廓线颜色-outline-color属性 5.17 定义外轮廓线位移-outline-offset属性 实战体验：放大激活和焦点提示框 5.18 定义导航序列号-nav-index属性 实战体验：调整表单输入框的键盘激活顺序 5.19 定义方向键控制顺序 实战体验：正确定义键盘控制键顺序 5.20 为元素添加内容-content属性 第6章 CSS 3多列布局 6.1 定义多列布局-colum属性 实战体验：设计文章多栏显示 6.2 定义列宽度-column-width属性 实战体验：设计固定宽度的栏目版面 6.3 定义列数-column-count属性 实战体验：设计固定列数的版面 6.4 定义列间距-column-gap属性 实战体验：设计疏朗的文档版面 6.5 定义列边框样式-column-rule属性 实战体验：为多列布局版面设计边框效果 6.6 定义跨列显示-column-span属性 实战体验：设计文章标题跨列显示 6.7 定义栏目高度-column-fill属性 实战体验：设计不等高的多列布局效果 6.8 分列打印 6.9 结合案例实战-设计精美的多列网页版式 第7章 CSS 3渐变设计 7.1 Webkit引擎的CSS渐变实现方法 7.1.1 基本语法 7.1.2 直线渐变的基本用法 7.1.3 径向渐变的基本用法 7.1.4 渐变的其他应用 7.2 Gecko引擎的CSS渐变实现方法 7.2.1 直线渐变基本语法 7.2.2 直线渐变的基本用法 7.2.3 径向渐变基本语法 7.2.4 径向渐变的基本用法 7.2.5 渐变的应用 7.3 IE浏览器引擎的CSS渐变实现方法 7.3.1 基本语法 7.3.2 IE渐变滤镜实战应用 7.4 W3C标准化的CSS渐变实现方法 7.5 CSS 3?变实战 7.5.1 CSS渐变下拉菜单 7.5.2 CSS渐变按钮 第8章 CSS 3动画设计 8.1 CSS变形（Traformation） 8.1.1 变形基础-traform属性 实战体验：设计一个简单的鼠标动画 8.1.2 旋转动画-rotate()函数 8.1.3 缩放动画-scale()函数 8.1.4 移动动画-tralate()函数 8.1.5 倾斜动画-skew()函数 8.1.6 矩阵变形动画-matrix()函数 8.1.7 CSS 3实战体验：设计图片墙 8.2 CSS变形原点-traform-origin属性 CSS 3实战体验：定义图片旋转的原点 8.3 CSS过渡-traition属性 8.3.1 设置过渡的CSS属性-traition-property属性 8.3.2 设置过渡的时间-traition-duration属性 8.3.3 设置过渡延迟时间-traition-delay属性 8.3.4 设置过渡效果-traition-timing-function属性 CSS 3实战体验：设计OS X Dock（OS系统的导航码头） 8.4 CSS动画-animation属性 8.4.1 设置CSS动画名称-animation-name属性 8.4.2 设置CSS动画时间-animation-duration属性 8.4.3 设置CSS动画播放方式-animation-timing-function属性 8.4.4 设置CSS动画开始播放的时间-animation-delay属性 8.4.5 设置CSS动画播放次数-animation-iteration-count属性 8.4.6 设置CSS动画播放方向-animation-direction属性 CSS 3实战体验：设计自动翻转的图片效果 8.5 CSS 3动画综合实战 8.5.1 设计动态立体盒子 8.5.2 设计CSS 3手风琴式折叠面板 8.5.3 设计能够旋转背景的易拉罐 8.5.4 设计旋转出仓的光盘动画效果 第9章 CSS 3新增的其他功能 9.1 引用外部字体类型-@font-face规则 9.1.1 @font-face规则的用法 实战体验：设计艺术字体 9.1.2 关于开放字体格式 9.2 定义CSS设备类型-Media Queries 9.2.1 @media规则的用法 实战体验：为不同设备设计不同的盒子框样式 9.2.2 使用Media Queries链接外部CSS文件 9.2.3 测试Media Queries 9.3 定义投影-CSS Reflectio CSS实战体验：应用CSS Reflectio 9.4 定义语音样式-CSS 3 Speech 实战体验：体验CSS 3 Speech应用 完整版！无删节 源码自己去百度搜，源码比较大。 --------------ps 如果觉得书写的好，请购买正版，并24H内删除本资源。

12款超实用的CSS3汉堡包菜单按钮变形动画

今天我们要来分享一款很特别的CSS3按钮，大家可能对汉堡包菜单不是很了解，汉堡包菜单图标在APP或响应式设计上比较常见，一般用来展开/关闭网站导航菜单。这款CSS3汉堡包菜单按钮一共有12种变形动画，大家可以根据自己的喜好来选择一款。

疯狂HTML5/CSS3/JavaScript源码

疯狂HTML5/CSS3/JavaScript讲义 源码 本书是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML 5的绘图支持、HTML 5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外，本书还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

HTML5+CSS3入门到精通

HTML5+CSS3从入门到精通目录 第1章 Web开发新时代 第2章 从HTML、XHTML到HTML5 第3章 创建HTML5文档 第4章 实战HTML5表单 第5章 实战HTML5画布 第6章 HTML5音频与视频 第7章 Web存储 第8章 离线应用 第9章 Workers多线程处理 第10章 Geolocation地理位置 第11章 CSS3概述 第12章 CSS选择器 第13章 文本、字体与颜色 第14章 背景和边框 第15章 2D变形 第16章 设计动画 第17章 网页布局 第18章 用户界面 第19章 CSS3其他新特性

HTML5+CSS3 快速入门 前端 源代码.rar

Java web前端开发常用技术之一，可快速构建极具客户体验度的应用。本课程由有着多年实战开发的资深web前端开发工程师朱朝兵老师为大家录制，从html5+css3基础知识，到实战案例分析，实际操作，均有详细讲解。 1.课程简介07:40 2.什么是HTML510:02 3.认识新的网页结构05:22 4.article元素的使用方法10:27 5.section元素11:16 6.aside元素06:06 7.nav元素07:46 8.time元素01:51 9.pubdate属性04:31 10.header元素合成13:11 11.hgroup元素合成05:43 12.footer元素07:04 13.address元素合成04:20 14.figure元素与figcaption元素05:14 15.details元素与summary元素05:09 16.mark元素09:47 17.progress元素05:01 18.meter元素10:45 19.html5废除的元素07:30 20.HTML5的大纲（上）17:58 21.HTML5的大纲（下）23:18 22.加强版的ol列表元素09:05 23.重新定义后的dl元素04:55 24.canvas元素创建画布06:26 25.canvas绘制矩形18:21 26.canvas绘制圆形21:20 27.canvas绘制文字30:32 28.canvas保存文件08:07 29.canvas绘制动画24:05 30.Web Storage本地储存15:40 31.简单的网页留言板26:36 32.video元素与audio元素的基础知识20:10 33.video元素与audio元素的常用属性32:18 34.HTML5拖放22:41 35.CSS3简介04:11 36.CSS3新增的属性选择器22:17 37.结构性伪类选择器上28:52 38.结构性伪类选择器下21:00 39.使用选择器在页面中插入内容34:26 40.文字阴影与自动换行20:24 41.服务器端字体和@font-face属性21:50 42.盒布局上18:03 43.盒布局下27:48 44.overflow属性30:44 45.CSS3中新增的背景属性41:59 46.CSS3中边框相关的样式29:22 47.CSS3中的变形功能25:48 48.CSS3中的动画功能36:41 49.布局相关的样式-多栏布局14:41 50.布局相关的样式-盒布局12:16 51.布局相关的样式-弹性盒布局30:26 52.Media Queries 与自适应布局36:57 53.UI元素状态伪类选择器上30:11 54.UI元素状态伪类选择器下28:56 55.集团网站建设-全局头部制作57:36 56.集团网站建设-首页新闻列表52:17 57.集团网站建设-首页集团活动制作36:28 58.集团网站建设-首页右部份制作35:57 59.集团网站制作-底部版权信息制作08:44 60.集团网站建设-图片列表页制作50:30 61.集团网站建设-文章内容页制作22:20 62.关于兼容性的问题

图解CSS3核心技术与案例实战.大漠(带详细书签)

《图解CSS3：核心技术与案例实战》是国内著名的Web前端专家历时2载的心血之作，根据最新的CSS3撰写，融入了作者在CSS领域近10年的使用经验，旨在将本书打造成为CSS3领域最权威和实用的专业著作，供没有经验的读者系统学习，供有经验的读者参考备查。 本书理论知识系统全面，详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性，所有这些都巧妙地融入到案例中，而不是枯燥的理论讲解；讲解方式直观易懂，以图解的方式巧妙地展示了这些新特性；实战性强，既为每个知识点精心设计了小案例，也有综合性的大案例，所有案例都非常详尽，有功能需求分析、设计思路和完整代码，还有最终的效果展示。 《图解CSS3：核心技术与案例实战》的目标是帮助开发者更好地掌握CSS3的特性，并且将新技术运用到实际的开发当中，提高自己开发Web程序的水平。 为什么要写这本书 CSS3是在CSS2.1基础上扩展而来，事实上，它还没有完全成熟。有些专家会告诉你，CSS3现在还用不上，甚至几年之后都不会有成熟的规范发布。 目前为止CSS3还没有一套成熟的规范，其中的模块也在不断更新，特别是浏览器对CSS3特性的支持也在不断变化，同时没有足够的时间去学习和研究W3C官方文档和规范，致使我们学习CSS3变得更为复杂。 为什么会选择这个时候编写这样一本图书呢？原因很简单。对于希望Web应用开发者而言，CSS3可以说是众望所归，这也是技术变更的硬性需求。在实际Web应用中新标准的采纳程度正在以令人目眩的速度不断地变更着，众多浏览器厂商也在不断加快对CSS3新特性的支持。在编写这本图书的过程中，我也被迫不断更新书中的浏览器支持表格。 面对自己正在使用的浏览器，大多数用户并不真正了解其具备的功能有多强大。当然，他们在浏览器自动更新后可能会发现一些细微的界面变化。但他们可能不知道，新版的浏览器对哪些CSS3特性有所支持。 本书的目标是帮助开发者更好地掌握CSS3的特性，并且将新技术运用到实际的开发当中，提高自己开发Web程序的水平。 本书面向的读者 有一定CSS3开发经验的前端工程师。 本书能帮助你系统掌握CSS3的各项知识，提升技术水平和业务能力。 从事CSS3开发的前端工程师。 由于CSS3涵盖的新特性非常多，在开发过程中将本书作为速查手册，提高开发效率。 前端开发爱好者。 如果还不是一名前端工程师，但是对前端开发非常感兴趣，本书也能让你对最新的CSS标准和规范有一个系统和全面的认识，为学习前端知识打下基础。 本书的特色 本书最大的特色就是将CSS3特性按模块功能分类，通过理论、图解、实战的方式向大家阐释CSS3每个特性功能。 内容全面、丰富、翔实。 由浅到深地讲解了CSS3新特性的语法、特性以及使用技巧。本书涵盖了CSS3众多功能模块，如CSS3选择器特性、边框模块、文本模块、颜色模块、UI界面模块、CSS3动画模块、CSS新型盒模型以及CSS媒体查询、响应式设计等。 图解方式，直观易懂。 图解的方式是本写的最大特色之一，在描述每一个CSS3特性过程都配了生动的实战效果，甚至每一步骤都配有相应的效果图。就算是你对文字理解或者代码理解有所误差，实战效果图能辅助你更好地理解CSS3每个特性。 案例丰富，实战性强。 每个CSS3特性都配有实战体验，部分案例来自于实际开发之中。同时在每个知识点之后，还提供了综合案例。通过实践加强动手能力，更好地掌握CSS3中的每个知识点。 动手实践才是掌握一门新技术最有效的途径。如果能在阅读本书的过程中逐一亲手实现这些案例，那么在以后的实际开发中自然就会具有相当强的动手能力了。 本书的内容 本书包括15章，通过实例来演示CSS3模块的新特性。 第1章简单介绍什么是CSS3，CSS3的好处是什么，浏览器对CSS3的支持状况，以及CSS3带来什么新特性，并且引入渐进增强式的概念。通过对本章的学习，大家可以在一定的程度上知道一些CSS3的故事。 第2章介绍CSS3选择器。选择器是CSS中的核心部分之一，本章先阐述CSS2的选择器，再引入CSS3新增的选择器。深入介绍了CSS3新增选择器的功能及其实用性，还有各浏览器的兼容性。 第3章详细介绍CSS3在边框方面新增的功能特性，比如边框色、图片边框、边框圆角等，并与CSS2进行了对比。 第4章介绍CSS3背景功能，着重阐述了多背景、背景尺寸、背景原点方面的使用，以让大

疯狂HTML 5+CSS 3+JavaScript讲义（第2版）+源代码

目录 第1章　HTML 5简介 1 1.1　HTML历史与HTML 5 2 1.2　HTML 5的优势 6 1.3　HTML 5的基本结构和语法变化 8 1.4　本章小结 12 第2章　HTML 5的常用元素与属性 14 2.1　HTML 5保留的常用元素 15 2.2　HTML 5增强的iframe元素 34 2.3　HTML 5保留的通用属性 40 2.4　HTML 5新增的通用属性 44 2.5　HTML 5新增的结构元素 48 2.6　HTML 5新增的语义元素 55 2.7　HTML 5头部和元信息 59 2.8　HTML 5新增的拖放API 63 2.9　本章小结 71 第3章　HTML 5表单相关的元素和属性 72 3.1　HTML原有的表单及表单控件 73 3.2　HTML 5新增的表单属性 83 3.3　HTML 5新增的表单元素 90 3.4　HTML 5新增的客户端校验 96 3.5　本章小结 100 第4章　HTML 5的绘图支持 101 4.1　使用canvas元素 102 4.2　绘图 103 4.3　坐标变换 118 4.4　控制叠加风格 123 4.5　控制填充风格 124 4.6　位图处理 128 4.7　输出位图 132 4.8　动画制作 133 4.9　本章小结 136 第5章　HTML 5的多媒体支持 137 5.1　使用audio和video元素 138 5.2　使用JavaScript脚本控制媒体播放 141 5.3　事件监听 144 5.4　track元素 146 5.5　本章小结 149 第6章　级联样式单与CSS选择器 150 6.1　样式单概述 151 6.2　CSS样式单的基本使用 152 6.3　CSS选择器 158 6.4　伪元素选择器 167 6.5　CSS 3新增的伪类选择器 176 6.6　在脚本中修改显示样式 195 6.7　本章小结 197 第7章　字体与文本相关属性 198 7.1　字体相关属性 199 7.2　CSS 3支持的颜色表示方法 205 7.3　文本相关属性 206 7.4　CSS 3新增的服务器字体 212 7.5　本章小结 215 第8章　背景、边框和边距相关属性 216 8.1　盒模型简介 217 8.2　背景相关属性 217 8.3　使用渐变背景 226 8.4　边框相关属性 239 8.5　使用opacity控制透明度 246 8.6　padding和margin相关属性 247 8.7　本章小结 249 第9章　大小、定位、轮廓相关属性 250 9.1　width、height相关属性 251 9.2　定位相关属性 255 9.3　轮廓相关属性 257 9.4　用户界面和滤镜属性 258 9.5　本章小结 263 第10章　盒模型与布局相关属性 264 10.1　盒模型和display属性 265 10.2　对盒添加阴影 275 10.3　布局相关属性 278 10.4　CSS 3新增的多栏布局 285 10.5　使用弹性盒布局 289 10.6　本章小结 306 第11章　表格、列表相关属性及media query 307 11.1　表格相关属性 308 11.2　列表相关属性 313 11.3　控制光标的属性 316 11.4　media query和响应式布局 317 11.5　本章小结 323 第12章　变形与动画相关属性 324 12.1　CSS 3提供的变形支持 325 12.2　CSS 3新增的3D变换 337 12.3　CSS 3提供的Transition动画 341 12.4　CSS 3提供的Animation动画 345 12.5　本章小结 349 第13章　JavaScript语法详解 350 13.1　JavaScript简介 351 13.2　数据类型和变量 356 13.3　基本数据类型 364 13.4　复合类型 376 13.5　运算符 381 13.6　语句 391 13.7　流程控制 395 13.8　函数 403 13.9　函数的参数处理 425 13.10　面向对象 429 13.11　创建对象 437 13.12　本章小结 443 第14章　DOM编程详解 444 14.1　DOM模型概述 445 14.2　DOM模型和HTML文档 446 14.3　访问HTML元素 448 14.4　修改HTML元素 456 14.5　增加HTML元素 458 14.6　删除HTML元素 463 14.7　传统的DHTML模型 467 14.8　使用window对象 469 14.9　navigator和地理定位 479 14.10　HTML 5增强的History API 485 14.11　使用document对象 490 14.12　HTML 5新增的浏览器分析 493 14.13　本章小结 496 第15章　事件处理机制 497 15.1　事件模型的基本概念 498 15.2　绑定事件处理函数 499 15.3　事件处理函数的执行环境 505 15.4　事件类型 521 15.5　本章小结 534 第16章　本地存储与离线应用 535 16.1　Web Storage 536 16.2　Indexed数据库API 545 16.3　离线应用 564 16.4　本章小结 571 第17章　文件支持与二进制数据 572 17.1　HTML 5增强的文件上传域 573 17.2　ArrayBuffer与TypedArray 578 17.3　Blob类 583 17.4　本章小结 587 第18章　Web Worker多线程API 588 18.1　使用Worker创建多线程 589 18.2　与Worker线程进行数据交换 591 18.3　Worker线程嵌套 594 18.4　使用SharedWorker创建共享线程 597 18.5　Promise 603 18.6　本章小结 611 第19章　客户端通信 612 19.1　跨文档消息传递 613 19.2　使用WebSocket与服务器通信 621 19.3　使用Server-Sent Events API 630 19.4　使用Beacon 635 19.5　本章小结 636 第20章　HTML 5的疯狂俄罗斯方块 637 20.1　俄罗斯方块简介 638 20.2　开发游戏界面 639 20.3　俄罗斯方块的数据模型 640 20.4　实现游戏逻辑 644 20.5　本章小结 654

疯狂HTML 5/CSS 3/JavaScript讲义（随书源码）

《疯狂HTML 5/CSS 3/JavaScript讲义》随书源码。《疯狂html 5/css 3/javascript讲义》是一本全面介绍html 5、css 3和javascript前端开发技术的图书，系统地介绍了html 5常用的元素和属性、html 5的表单元素和属性、html 5的绘图支持、html 5的多媒体支持、css 3的功能和用法、最前沿的变形与动画功能等。除此之外，本书还系统地介绍了javascript编程知识，包括javascript基本语法、dom编程，以及html 5新增的本地存储、离线应用、javascript多线程、客户端通信支持、websocket编程等。

javascript,css3,html5讲义

《疯狂HTML 5/CSS3/JavaScript讲义》是一本全面介绍HTML 5、CSS3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML5的绘图支持、HTML 5的多媒体支持、CSS3的功能和用法、最前沿的变形与动画功能等。除此之外，本书还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

css3动画效果抖动解决方法

主要介绍了css3动画效果抖动解决方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

html5+css3粘稠状液体数字时钟动画代码

一款可爱的html5+css3粘稠状液体数字时钟动画代码，html5 svg制作卡通风格液体变形动画网页时钟特效。

html5+css3 弹出遮罩层

这是一款使用html5 svg和css3制作的全屏遮罩导航菜单，这些遮罩层没有固定的大小但是它们全屏覆盖整个屏幕，可以说大小是以你的浏览器为准。默认是绿色背景，你完全可以换成其它颜色，这个不用我细说了吧。 请在现代浏览器中查看这些demo。 11个效果名称分别是： Huge Inc， Corner， Slide down， Scale， Door， Content Push，Content Scale， Corner Shape， Little Boxes， Simple Genie， Genie 英文看不懂请看演示。 第一个demo的灵感来自于Huge。这个效果使遮罩层淡入淡出，并使里面的内容带有一些3d旋转效果， 这里使用一些视觉差小把戏使遮罩层消失：我们为可见元素设置transition delay使透明度首先开始改变。 其他一些demo中我们使用了Snap.svg来制作SVG路径变形动画。

html5和css3入门到精通

通过基础知识+中小实例+综合案例的方式，讲述了用HTML5+ CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发指南同类图书，本书是一本适合快速入手的自学教程。内容有：创建HTML5文档，实战HTML5表单，实战HTML5绘画，HTML5音频与视频，Web存储，离线应用，Workers多线程处理，Geolocation地理位置等技术。CSS3部分主要介绍了CSS3概述，CSS选择器，文本、字体与颜色，背景和边框，2D变形，设计动画，网页布局、用户界面以及CSS3的其他新特性。 内容涵盖了HTML5+CSS3的所有重要特性，通过大量实际案例对HTML5+CSS3的重要特性进行了详细讲解，内容全面丰富，易于理解，能够帮助读者提升实际应用技能。

疯狂HTML5\CSS3\JavaScript讲义-源代码

李刚 疯狂HTML5CSS3JavaScript讲义的源代码 第一部分 第1章 HTML 5简介 第2章 HTML 5的常用元素与属性 第3章 HTML 5表单相关元素和属性 第4章 HTML 5的绘图支持 第5章 HTML 5的多媒体支持 第二部分 第6章 级联样式单与CSS选择器 第7章 字体与文本相关属性 第8章 背景、边框和补丁相关属性 第9章 大小、定位、轮廓相关属性 第10章 盒模型与布局相关属性 第11章 表格、列表相关属性及media query 第12章 变形与动画相关属性 第三部分 第13章 JavaScript语法详解 第14章 DOM编程详解 第15章 事件处理机制 第16章 本地存储与离线应用 第17章 使用Worker创建多线程 第18章 客户端通信 第四部分 第19章 HTML 5的疯狂俄罗斯方块