css3
文章平均质量分 72
Peter_one
这个作者很懒,什么都没留下…
展开
-
CSS3 中的过渡效果
1.transition-property 设置对象中的参与过渡的属性默认值为:all。默认为所有可以进行过渡的css属性。如果提供多个属性值,以逗号进行分隔。语法:transition-property:none | single-transition-property>[ ,single-transition-property> ] = all | 取值:原创 2016-11-04 13:35:49 · 677 阅读 · 0 评论 -
CSS3 中 3D 变换效果概述
1.transform-style 指定某元素的子元素是(看起来)位于三维空间内,还是在该元素所在的平面内被扁平化取值:flat | preserve-3dflat:默认值,指定子元素位于此元素所在平面内preserve-3d:指定子元素定位在三维空间内示例代码:html>head>meta charset="utf-8" />title>transform-s原创 2016-11-06 21:44:32 · 912 阅读 · 0 评论 -
Canvas 简介
HTML5 中 canvas 标签用于绘制图像(通常是通过 JavaScript 脚本进行绘制)。canvas 元素本身并没有绘制能力(它仅仅是图形的容器),必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。getContext("2d") 对象属性和方法,可以在画布上绘制文本、线条、矩形、圆形等等。canva原创 2016-11-06 21:46:36 · 1108 阅读 · 0 评论 -
CSS3 中的取值和单位
在 CSS3 中增加了很多度量的单位和取值,下面是项目开发中常用到的单位和取值。1.长度值单位rem:相对长度单位。相对于根元素(即html元素) font-size 值的倍数。vw:相对于视口的宽度。视口被均分为100单位的vw,例如:h1 { font-size: 8vw;}/* 如果视口的宽度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x20原创 2016-11-01 21:34:55 · 841 阅读 · 0 评论 -
CSS3 中的 2D 变换
1.transform 设置对象的转换。取值:none | (1)none:无转换(2)2D Transform Functions:translate():指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0translatex():指定对象X轴(水平方向)的平移translatey():指原创 2016-11-01 21:38:28 · 449 阅读 · 0 评论 -
CSS3 中的动画
动画是使元素从一种样式逐渐变化为另一种样式的效果。通过 CSS3,能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。如需在 CSS3 中创建动画,需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。通过 animation原创 2016-11-01 21:40:24 · 349 阅读 · 0 评论