今天我们来看看Toogle控件, 它由Toogle + 背景 + 打勾图片 + 标签组成的. 它主要用于单选和多选 属性讲解: Is On: 代表是否选中. Toogle Transition: 在状态改变的时候,是否启动动画,颜色,等等过渡的效果. Graphic: 当选中和取消时候, 显示和隐藏...
分类：
其他好文 时间：
2015-03-18 00:59:10
阅读次数：
344
CSS3中有两种方式实现动画，transition和animation+@keyframe。 两者的作用机制不一样：transition定义在可能要进行动画的元素上，对某些CSS属性进行监听，一旦CSS改变则进行动画；animation定义在马上要进行动画的元素上，一旦定义动画即进行。 比如...
分类：
Web程序 时间：
2015-03-16 12:36:01
阅读次数：
262
curr_menunot_curr"> {$vo.typeid|url=lists,###}{$vo.url}" data-transition="slidedown" data-ajax="false"> {$vo.typename} 备注：第2行里的c...
分类：
其他好文 时间：
2015-03-15 23:39:53
阅读次数：
208
这是一组共4种效果非常炫酷的CSS3移动手机滑动隐藏侧边栏菜单特效。这四种效果分别是：默认的点击滑动侧边栏菜单效果、带3D transforms的滑动侧边栏效果、文字缩放和淡入淡出效果的滑动侧边栏以及使用translate来实现滑动侧边栏的效果。
每一个滑动侧边栏效果都带有从右到左淡入淡出的滑动过渡效果。菜单栏中的菜单项以一个接一个的方式显示，这种效果是通过为它们分别添加 transition-...
分类：
移动开发 时间：
2015-03-13 14:30:05
阅读次数：
198
今天看到淘宝ued博客上左边的菜单导航动画效果不错，就用jQuery和css3做了一个简单的例子，主要是实现运用了jQuery 事件和css3 transition属性。
用一个元素来实现鼠标滑动到某个导航的背景效果，文字颜色也运用css3 transition 渐变的效果
当鼠标滑动其他导航的时候，加背景的元素的top值也会随着变化，定位到当前的导航上，同时文字字体颜色也会跟着改变；
主要实现的...
分类：
Web程序 时间：
2015-03-13 10:56:15
阅读次数：
147
原文:css3实践之图片轮播（Transform，Transition和Animation） 楼主喜欢追求视觉上的享受，虽常以牺牲性能无法兼容为代价却也乐此不疲。本文就通过一个个的demo演示来简单了解下css3下的Transform，Transition和Animation。 本文需要实现效果：（...
分类：
Web程序 时间：
2015-03-09 09:21:44
阅读次数：
1113
CSS3动画之抛物线今天来说下CSS3动画，目标是让一个方块做抛物线运动。主要用到的CSS3属性有animation，transform，@keyframes，transition等。
GPU硬件加速。...
分类：
Web程序 时间：
2015-03-05 23:45:18
阅读次数：
368
CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；Animation主要是对元素实现了一些基本的动画效果，它只能应用在页面的DOM元素上。w3school在线文档说明http://www.w3school.com.cn/css3/css3_anim...
分类：
Web程序 时间：
2015-03-05 16:31:48
阅读次数：
780
先预览效果其中用到了CSS3的Transition属性：设置动画时间、效果；Transform属性：设置元素旋转、位移；box-sizing属性：以特定的方式定义某个区域的特定元素；制作小三角方法：1 width:0; height:0; overflow:hidden; 2 border:7px ...
分类：
Web程序 时间：
2015-03-04 12:50:03
阅读次数：
204
这一小节我们先来讲“动画过渡（Transitions）”这个插件的使用，源文件：transition.js
Bootstrap框架默认给各个组件提供了基本动画的过渡效果，如果要使用，有两种方法：
? 调用统一编译的bootstrap.js；
? 调用单一的过渡动画的JavaScript插件文件transition.js（右侧第29行引入Bootstrap上对外公布的tra...
分类：
其他好文 时间：
2015-03-04 11:10:32
阅读次数：
116
