03 2012 档案

摘要:在经过了Css3的学习后,相信我们能够更容易的理解HTML5的Canvas画布,如果您还没有学习Css3而又对此感兴趣,请移步我的博客Css3系列,在今后的日子里,我们一起来学习一下HTML5的Canvas画布,领略它的神奇!Canvas元素是HTML5中新增的一个重要元素,专门用来绘制图形。在页面上放置一个canvas元素就相当于在页面上放置了一块“画布”,可以在其中进行图形的描绘。Canvas的绘制需要通过JS编写在其中进行绘画的脚本。<canvas>看起来很像<img>,唯一不同就是它不含 src 和 alt 属性。它只有两个属性,width 和 height,两 阅读全文
posted @ 2012-03-29 11:35 _北北 阅读(455) 评论(0) 推荐(0) 编辑
摘要:又一篇css3教程来自http://qdgcs.co.cc转载请声明。上一次我们一起学习了CSS3属性Border-Radius[圆角],这次,我们来看看box-shadow的具体使用方法。其实它的用法与CSS3属性text-shadow[文字特效]非常相似,有必要的同学可以复习一下。box-shadow的语法如下:box-shadow: <length> <length> <length>?<length>?||<color>box-shadow:inset x-offset y-offset blur-radius spread- 阅读全文
posted @ 2012-03-26 10:35 _北北 阅读(1932) 评论(0) 推荐(0) 编辑
摘要:qdgcs.co.cc前端攻城记又一讲。上一次我们了解了css3的属性animation,这次我们回头看一下Border-Radius这个属性,这个属性目前被各大浏览器广泛支持,属于一个基本普及的属性。支持情况如下:下面我们来看一下它的使用方法[css]/*语法:border-radius : none | <length>{1,4} [/ <length>{1,4} ]? <length>: 由浮点数字和单位标识符组成的长度值。不可为负值。*/.p1{border-radius: 15px;/*它的是border-radius: 15px/15px;的省略 阅读全文
posted @ 2012-03-23 13:46 _北北 阅读(664) 评论(1) 推荐(0) 编辑
摘要:今天我们来看一个新的属性Animation这个属性目前只被safari4.0+与chrome3.0+支持,这是要事先要声明的,不过用他还是可以制作出简单的动画。先看一个实例:Dome演示配合Dome讲解我们快速理解一下这个属性的用法:[css]/*这个属性目前只有safari4.0+与chrome3.0+支持*//*定义过度百分比*/@-webkit-keyframes qdgcs /*keyframes(关键字) 名称*/{0%{-webkit-transform:rotateX(0deg);background-color:Red;color:White;}50%{-webkit-tran 阅读全文
posted @ 2012-03-22 14:57 _北北 阅读(630) 评论(0) 推荐(0) 编辑
摘要:首先我们先来看一下效果吧!闲言少叙,直接上代码p{text-shadow: 0.2em /*水平位移,正值右*/ 0.2em /*水平位移,正值右*/ 0.2em /*模糊半径*/ blue /*阴影颜色*/;}/*多重阴影*/.p1{text-shadow: 0.2em 0.2em 0.2em blue, -0.2em -0.2em 0.2em yellow, 0.4em -0.2em 0.2em red;}/*火焰字*/.p2{background-color: Black;height: 30px;padding: 35px;text-shadow: 0 0 4px white, -0 阅读全文
posted @ 2012-03-19 14:06 _北北 阅读(384) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示