我曾经一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明确，仅仅能怪自己的立体感太差了。 css3中的transform中有旋转，放缩，倾斜，平移的功能，分别相应的属性是：rotate，scale，skew，translate 旋转：（rotate）...
分类：
Web程序 时间：
2014-09-11 23:37:42
阅读次数：
320
由于最近一直在忙着筹划去上海工作的事情，所以博客更新的速度也就慢了下来。前几天面试了几家公司，也拿到几份offer，总结了一些面试中遇到的问题，最近整理一下会和大家一起分享。今天呢，就和大家分享一下前几天写的一个3d选转的效果。代码写的只是一个简要的demo，仅供学习使用。如果想用在项目中，还需要....
分类：
Web程序 时间：
2014-09-11 23:36:02
阅读次数：
405
Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。精心开发5年的UI前端框架！ Transition与Animation:transition需要触发一个事件 ,而a...
分类：
Web程序 时间：
2014-09-11 17:22:52
阅读次数：
239
CSS3 Gradient 分为 linear-gradient（线性渐变） 和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的值，虽然在CSS3中没有专门注明渐变是针对background的，但是目前我所了解到的是只有background才会应用渐变属性（background-image也可以）。
我们先直接通过两个实例来说明这两种渐变的基本用...
分类：
Web程序 时间：
2014-09-11 17:22:32
阅读次数：
229
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，...
分类：
Web程序 时间：
2014-09-11 15:11:22
阅读次数：
184
CSS3的一个伪类选择器“:nth-child()”。语法：:nth-child(an+b)为什么选择她，因为我认为，这个选择器是最多学问的一个了。很可惜，据我所测，目前能较好地支持她的只有Opera9+和Safari3+。描述：伪类:nth-child()的参数是an+b，如果按照w3.org上的...
分类：
Web程序 时间：
2014-09-11 13:51:11
阅读次数：
213
大家都知道 -webkit-animation-fill-mode 属性是检索或设置对象动画时间之外的状态，但是一直以来我对它的属性值都存在一个疑问，both和forwards的使用到底有什么区别呢？经过不停的测试、搜索，个人认为差别在于：both是设置对象状态为动画结束或开始的状态，主要是取决于-...
分类：
Web程序 时间：
2014-09-11 13:47:21
阅读次数：
263
Media Queries 就是要在支援CSS3 的浏览器中才能正常工作，IE8 以下不支持。而Media Queries 的套用方法千变万化，要套用在什么样的装置中，都可以自己来定义。到底什么是Media Queries ？一般我们在开发HTML + CSS 网页中，都会有一份CSS 来控制网页的...
分类：
Web程序 时间：
2014-09-11 02:18:41
阅读次数：
255
今天要为各网友再带来一款css实现的鼠标经过按钮的特效。按钮初始时，边框为断开的按钮，当鼠标经过按钮时动画变为封闭的边框。效果图如下：在线预览源码下载我们一起看下实现的代码：html代码： Hover Mecss代码：*, *:before, *:after { ...
分类：
Web程序 时间：
2014-09-10 23:43:51
阅读次数：
244
