码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
响应式和自适应(Responsive design 和 Adaptive design)
前二天做了几个手机端页面,本来用CSS3的@media 但因为对它还不是很了解,调试多次不成功。因为时间比较赶,为了实现最终的页面效果,我用JS去获取了屏幕的大小去控制了最终的字体大小。做完后闲下来我查了一下资料,更加深入的去了解了一下何为响应式。发现原来我最终的页面,只能叫自适应,而不叫响应式。对...
分类:其他好文   时间:2015-06-30 12:18:02    阅读次数:109
css去掉a标签点击后的虚线框(转自网络)
outline是css3的一个属性,用的很少。声明,这是个不能兼容的css属性,在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消...
分类:Web程序   时间:2015-06-29 09:53:24    阅读次数:139
用NW.js开发下一代桌面应用程序
前言就在最近,GitHub发布了其代码编辑器Atom的1.0正式版。使用过它的童鞋一定会知道它利用网页技术开发。只不过它的框架是Atom Shell,非常类似NW.js。这时你可能问,放着好端端的native级界面框架不用,为什么要使用网页技术编写界面呢?下面我们就来探讨一下这个问题。网页技术的优缺点优点HTML技术发展到今天的HTML5版本可谓已经十分强大,同时有CSS3的加持,网页也可以华丽夺目...
分类:Web程序   时间:2015-06-28 18:54:20    阅读次数:339
CSS3绘图实例代码
CSS3绘图实例代码,请在火狐运行,css3的圆角形状,在经过transform处理之后,overflow属性hidden值的表现会出现不兼容,moz核心下正常,在webkit核心的浏览器下,hidden的区域始终是方块形状,无视圆角。...
分类:Web程序   时间:2015-06-27 16:36:28    阅读次数:146
CSS3绘图实例代码
CSS3绘图实例代码,请在火狐运行,css3的圆角形状,在经过transform处理之后,overflow属性hidden值的表现会出现不兼容,moz核心下正常,在webkit核心的浏览器下,hidden的区域始终是方块形状,无视圆角。
分类:Web程序   时间:2015-06-27 15:54:38    阅读次数:146
CSS3学习笔记
这是我学习CSS3的笔记,以防遗忘。
分类:Web程序   时间:2015-06-27 09:42:57    阅读次数:152
CSS3使用盒模型实现三栏布局
本篇文章由:http://xinpure.com/css3-box-model-to-implement-a-three-column-layout/使用 Position 绝对定位也是可以实现三栏布局的,然而使用 CSS3 的盒模型却显得更简单、更灵活CSS3盒模型display: -webkit...
分类:Web程序   时间:2015-06-26 17:47:41    阅读次数:190
CSS3 3D旋转动画代码实例
CSS3 3D旋转动画代码实例,本CSS3特效主要使用的是Transform属性实现,它是“变型”的意思,值主要包括:旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix 。通过这个实例,你将会学会如何使用它实现css3 3D动画。...
分类:Web程序   时间:2015-06-26 13:33:16    阅读次数:176
CSS3的animation事件接口
三个事件的标准名称是:     开始:animationstart     迭代:animationiteration     结束:animationend   但是目前版本的Chrome需要加上webkit前缀,而且还要注意大小写     开始:webkitA...
分类:Web程序   时间:2015-06-24 16:56:13    阅读次数:109
css3实现动画效果
一、动画效果的常用属性实现动画效果需要借助css3的下列属性:transform,transion,animation(具体可以参见教材)二、动画效果实例 1)文字闪烁的动画效果/*文字的闪烁效果*/@-webkit-keyframes blink{ 0%{ opacity:0...
分类:Web程序   时间:2015-06-24 12:26:31    阅读次数:207
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!