这一次，我们正在创造一个有用的设置与对CSS3的多重背景和动画的力量动画按钮。通过此按钮包，您可以很容易地变成一个动画按钮，在您的网页上的任何链接只是指定一个类名。没有必要JavaScript。四色主题和三个大小也可通过分配额外的类名。要打开网页上的常规链接成一个奇特的动画CSS3的按钮，你只需要到...
分类：
Web程序 时间：
2014-08-25 14:51:54
阅读次数：
245
Media Queries 就是要在支援CSS3 的浏览器中才能正常工作，IE8 以下不支援。而Media Queries 的套用方法千变万化，要套用在什么样的装置中，都可以自己来定义。关于Media Queries到底什么是Media Queries ？一般我们在开发HTML + CSS 网页中，...
分类：
Web程序 时间：
2014-08-25 09:57:34
阅读次数：
253
1、Sencha Touch开发与普通web开发有什么区别？Sencha Touch（为方便起见，本文后面一律简写为ST）页面的开发跟普通html页面相比，总体来说没有本质上的区别，只是引入了对html5和CSS3的支持，然后提供了对移动设备（iPad/iPhone/Android Mobile/A...
分类：
其他好文 时间：
2014-08-24 23:38:23
阅读次数：
391
今天在做移动端的页面，无意间发现了一个Chrome浏览器下的一个bug，在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化，此时A节点下面有一个字节点B，节点B使用了position:fixed进行了定位，按照常理节点B应该悬挂在浏览器窗口视图上，不会跟随滚...
分类：
Web程序 时间：
2014-08-22 10:47:25
阅读次数：
189
之前介绍了几款css3实现的按钮，今天为网友来款比较新鲜的，用css3的data-attribute属性开发按钮，当鼠标经过显示按钮的详细信息。而且实现过程很简单，几行代码就搞定。大家试一试吧。如下图： 在线预览源码下载 不错吧，贴上实现代码： html代码： 爱编程c...
分类：
Web程序 时间：
2014-08-22 00:20:15
阅读次数：
226
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit（chrome）-moz（firefox）-ms（ie）-o（opera）举例来说，一个CSS3旋转的代码是：-webkit-transform:rotate(-3...
分类：
Web程序 时间：
2014-08-21 12:48:54
阅读次数：
220
CSS3中新增了对元素进行2D和3D的转换效果，这样可以是开发人员很方便的做出视觉效果更好的网页来。 通过CSS3中属性的定义，我们可以对元素进行移动、缩放、拉伸、旋转等等，可以通过定义transform属性来实现转换效果。 浏览器支持 属性浏览器支持 2D transform IE Firefox...
分类：
Web程序 时间：
2014-08-20 13:56:22
阅读次数：
1353
一说到动画，大家会说到CSS3动画，确实，本文带来一片简单的仿网易‘垃圾箱’动画效果，涉及到的知识点是transform、transition
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
transform: none|transform-functions;
transition 属性是一个简写属性，用于设置四个过渡属性。...
分类：
其他好文 时间：
2014-08-19 22:31:35
阅读次数：
397
最近做了一些pc端的页面，用了一些动画效果，总的来说感觉还不错，大概记录下一些体会 首先，我们把pc端的动画类型分三类： javascript和jQuery直接控制dom属性 css3的属性transition css3的animation 这三类是我目前主要使用的动画效果制作来源 ...
分类：
Web程序 时间：
2014-08-19 12:41:44
阅读次数：
296
纯Div+Css制作的漂亮点击按钮和关闭按钮,单击点击按钮也有效果.这些都不是图片.值得注意三点:1.其中,主要使用了rotate.它能让文字旋转角度2.还有radius,做圆角专用,很好用的属性.给想我这样的人省去了作图的时间.3.W3C标准中对CSS3的transition这是样描述的:"CSS...
分类：
Web程序 时间：
2014-08-19 10:47:34
阅读次数：
281
