渐变,指形状或颜色的有规律性的变化,往往可以给人很强的节奏感和审美情趣,这里研究的主要是颜色的渐变。渐变的形式在日常生活中很常见,在网页中的用的也很多,传统网页技术中往往用图片来实现渐变,容易带来加载负担和动态定制的瓶颈。
CSS3提供了实现渐变的属性,随着浏览器的逐步支持,研究CSS3渐变已势在必行。涉及CSS渐变的属性主要有linear-gradient、radial-gradient、re...
分类:
Web程序 时间:
2015-01-06 10:10:22
阅读次数:
214
HTML5的canvas为我们提供了类似于CSS3中linear-gradient属性定义的渐变效果,用createLinearGradient()方法可以创建基于画布的线性渐变,创建好的线性渐变可以用于填充路径、定义笔触等。同时,HTML5也为我们提供了createRadialGradient()方法用于创建放射渐变,我们将在另一篇博文中详细介绍。...
分类:
Web程序 时间:
2015-01-06 10:02:24
阅读次数:
149
css3的transform属性1.旋转:transform:rotate(45deg);该语句使div元素顺时针旋转45度。deg是CSS3的“ValuesandUnits”模块中定义的一个角度单位2.缩放:transform:scale(0.8,1);使用缩放的方法实现文字或图像的缩放效果,在参数中指定缩放倍率。该语句使用scale方法使该元素在..
分类:
其他好文 时间:
2015-01-06 07:26:30
阅读次数:
217
一、CSS3新属性 1、CSS3边框 边框添加了三种特性,圆角边框border-radius,盒阴影box-shadow,图片边框border-image。 圆角边框border-radius语法:border-radius:1-4 length|%/1-4 length|%;默认值:0;...
分类:
Web程序 时间:
2015-01-06 00:47:38
阅读次数:
189
1、使用服务器字体使用服务器字体非常简单,只要使用@font-face定义服务器字体即可。格式如下: @font-face{ font-family:name;src:url(url) format(font-format); }到目前为止,服务器字体还只支持TrueType格式和OpenType格...
分类:
Web程序 时间:
2015-01-06 00:41:33
阅读次数:
250
字体下载 css3 @font-face css3...
分类:
Web程序 时间:
2015-01-05 22:02:09
阅读次数:
286
在设置不透明属性时,经常用opacity来增加层次感或者增加用户体验,但这个属性是css3属性,对于低级浏览器的兼容性来说就达不到预期的效果。一般而言,我们都尽可能少用一些浏览私有属性-webkit,-moz,-ms,-o,但这也仅仅解决了市面上很多浏览器的问题,面对IE,特别是IE9-版本的,也是...
分类:
其他好文 时间:
2015-01-05 21:46:10
阅读次数:
248
以前文字过去用省略号是用js写的,今天发现CSS3也能实现。 text-overflow 超酷的IT技术学习平台(我是省略号)超酷的IT技术学习平台(...
分类:
其他好文 时间:
2015-01-05 20:12:51
阅读次数:
215
随着对html5的了解越来越多,css3的很多新属性也不断被挖掘.趁今天有空,跟大家分享一下css3弹性盒模型。让自己的理解也加深一下,相信高手在民间,望多指教。 css3弹性盒布局相对于表格灵活很多,在设计复杂的页面运...
分类:
Web程序 时间:
2015-01-05 15:07:54
阅读次数:
251
<!DOCTYPE>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>CSS3转换?|?css遮罩</title>
<script>
??function?showDiv(){
???document.getElementBy...
分类:
Web程序 时间:
2015-01-05 13:21:52
阅读次数:
175