在使用CSS3的中有如下类似代码Html代码@mediascreenand(max-width:480px){……}意思是在最大宽度为480px的设备上应用{}里面的样式。这里的width,注意是手机浏览器的分辨率,而不是手机设备的屏幕分辨率。比如苹果4的手机屏幕分辨率是960x640。而其自带的S...
分类:
移动开发 时间:
2014-06-13 13:52:37
阅读次数:
496
自从有了html5和css3,好多以前只能想想的华丽效果都可以上手实现了。3D
转换(个人认为3D变换更贴切^)就是其中之一。关于3D转换,可以阅读CSS3 3D
transform变换,不过如此,文中对3D转换进行了形象、生动、详细的阐述。在这里,只和大家讨论怎么利用3D转换来实现立体及其旋转.....
分类:
Web程序 时间:
2014-06-11 21:57:28
阅读次数:
330
手动控制界面旋转的核心思路就是利用UIView的transform属性,旋转App的根视图。何为根视图?如果你的App的window.rootViewController是UINavigationController,那么根视图就是navigationController.view。为了旋转的效果和系统的一致,我们还需要为它添加一个UIView动画。...
分类:
移动开发 时间:
2014-06-07 15:28:17
阅读次数:
242
Android2.3的overflow问题在android2.3及以下系统版本的浏览器不支持overflow:scroll
/
auto,即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的,可以通过css3的transform来实现滚动,代表作:iscroll。Android2.3的...
分类:
Web程序 时间:
2014-06-07 08:03:09
阅读次数:
390
欢迎留言补充1.sencha touch 是什么?答:Sencha
touch框架是世界上第一个基于HTML 5的移动应用框架.它可以让你的Web应用看起来像网络应用。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML
5和CSS3的 WEB标准,全面兼容Android和iOS设备。2.se...
分类:
其他好文 时间:
2014-06-07 03:50:09
阅读次数:
221
用css3和javascript做一个翻页动画如有更多疑问请参照:http://www.imooc.com/learn/77这是用css3的-webkit-transition属性做的渐变颜色动画,下面是三张截图:怎么样?好看吧,下面是它的代码:-webkit-transition:
backgro...
分类:
编程语言 时间:
2014-06-05 15:57:14
阅读次数:
343
原文:CSS3+HTML5特效9 -
简单的时钟效果演示(加快了100倍)实现原理利用CSS3的transform-origin 及transform 完成以上效果。代码及说明 1 67 68 69
70 71 第2-22行,定义了旋转的中性点及旋转的角度;第23-33行,定义了时针的效果,同时定义...
分类:
Web程序 时间:
2014-06-05 15:09:57
阅读次数:
430
演示:http://jsfiddle.net/Adce2/
主要思路:
1, 首先画出侧边栏的html。
2, 利用css3属性分别为close sidebar-content添加显示和隐藏的动画。
3, 利用css3的keyframes来定义动画的样式。...
分类:
Web程序 时间:
2014-06-05 10:05:44
阅读次数:
466