摘要:
CSS3 过渡通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性属性描述CSStransition简写属性,用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS ... 阅读全文
摘要:
3D 转换1. rotateX()2. rotateY()otateX() 方法通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转。示例:div{transform: rotateX(120deg);-webkit-transform: rotateX(120deg); /* S... 阅读全文
摘要:
CSS3 转换通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。2D 转换在本次,您将学到如下 2D 转换方法:1. translate()2. rotate()3. scale()4. skew()5. matrix() translate() 方法通过 translate()... 阅读全文
摘要:
使用自己需要的字体在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):实例 使用粗体字体您必须为粗体文本添加另一个包含描述... 阅读全文
摘要:
CSS3 文本效果1. text-shadow2. word-wraptext-shadow属性使用方法text-shadow属性使用方法如下所示。text-shadow:length length length color 其中,前面三个length分别指阴影离开文字的横方向距离、阴影离开文字的... 阅读全文
摘要:
css3背景1. background-size2. background-origin3. background-clip示例:className{ background:url(bg_flower.gif); -moz-background-size:63px 100px; /* 老版本的 ... 阅读全文
摘要:
border-image属性.className{ border-image:url(/course/54d1cae088dba03f2cd1fec1/img/border.png) 20 20 20 20 / 20px; -webkit-border-image:url(/course/54d... 阅读全文
摘要:
绘制一个圆角边框的示例.div{ border: solid 5px blue; border-radius: 20px; -moz-border-radius:20px; -o-border-radius: 20px; -webkit-border-radius:20px; backg... 阅读全文
摘要:
CSS3的属性选择器主要包括以下几种:1. E[attr^="value"]:指定了属性名,并且有属性值,属性值是以value开头的;2. E[attr$="value"]:指定了属性名,并且有属性值,而且属性值是以value结束的;3. E[attr*="value"]:指定了属性名,并且有属性值... 阅读全文
摘要:
什么是Bootstrap? bootstrap就是一个前端框架,有Twitter公司开发最大的优点: 开源 : 响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见 Bootstrap 响应式设计。学习网站: 极客学院,汇智网,... 阅读全文
摘要:
早上测时间,路上花费30分钟,提前10分钟到公司,所以 必须提前40分钟从住所出发,解决不能再迟! 阅读全文