摘要: 主要是为了练习一下css3的3D翻转功能,就做了这么个小游戏,做的比较粗糙,但是效果看的见。主要用到的css3代码如下:html结构: 1 2 3 4 5 6 7 8 9 10 ... 阅读全文
posted @ 2015-07-21 21:23 笨小猫 阅读(1185) 评论(0) 推荐(0) 编辑
摘要: 拖放四步走:第一步:设置元素可拖放,即把 draggable属性设置为 true: 例:第二部:拖动什么--ondragstrat和setData() 例:function drag(ev){ ev.dataTransfer.setData("Text",ev.target.id); }上例中,数据... 阅读全文
posted @ 2015-07-18 19:20 笨小猫 阅读(1322) 评论(0) 推荐(0) 编辑
摘要: 其实在之前学习CSS3的时候,我并没有注意到有calc()这个属性,后来在看一个大牛的代码的时候看到了这个,然后就引发了后来的一系列的查找、学习,以及这篇博客的诞生。好了,废话不多说了,来干正事。 一.基本介绍 其实,calc()这个形式看起来就很容易让人想到Javascript里的函数,当然他不是 阅读全文
posted @ 2015-06-19 19:51 笨小猫 阅读(9522) 评论(0) 推荐(2) 编辑
摘要: CSS3中的动画功能分为Transitions功能和Animations功能,这两种功能都可以通过改变CSS中的属性值来产生动画效果。1.Transitions功能通过将元素的某个属性从一个属性值在指定时间内平滑过渡到另一个属性值来实现动画功能。transition属性的用法如下:transitio... 阅读全文
posted @ 2015-06-04 21:31 笨小猫 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 一.变形主要值得是利用transform功能来实现文字或图片的旋转,缩放,倾斜,移动这四种处理。1.旋转-----transform:rotate(xxdeg);( IE9以上,safari 3.1以上,chrome 8以上、FireFox 4以上、Opera 10以上的浏览器都支持这些属性) 先看... 阅读全文
posted @ 2015-06-03 20:04 笨小猫 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 1.给文字添加阴影:text-shadow属性(特别指出IE浏览器要IE10+的版本才支持) 语法如下:text-shadow:length length length color; 其中,第一个参数length表示阴影离开文字的横向距离,为必需参数,该值为正时, 阴影在文字的右方,该值为负时,... 阅读全文
posted @ 2015-06-02 21:52 笨小猫 阅读(903) 评论(0) 推荐(0) 编辑
摘要: Javascript 阅读全文
posted @ 2015-05-22 22:23 笨小猫 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 本来还在纠结着到底要学哪一种后台语言呢,突然发现node.js很火,既然能被这么多人推崇,自然是有他的优势的。去百度百科看了一眼,或许是我理解能力太差,并没有了解到很多关于node.js的东西,大概就是知道了Node.js是一种用javascript来编写的服务器端脚本,而node就是提供Jav... 阅读全文
posted @ 2015-05-03 11:25 笨小猫 阅读(146) 评论(0) 推荐(0) 编辑