码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
UIView 的exclusiveTouch clipsToBounds和transform属性
1、UIView 的exclusiveTouch属性exclusiveTouch的意思是UIView会独占整个Touch事件,具体的来说,就是当设置了exclusiveTouch的UIView是事件的第一响应者,那么到你的所有手指离开前,其他的视图UIview是不会响应任何触摸事件的,对于多点触摸事...
分类:其他好文   时间:2014-10-30 15:12:32    阅读次数:220
用Raphael在网页中画圆环进度条
原文 :http://boytnt.blog.51cto.com/966121/1074215条状的进度条我们见得太多了,实现起来比较简单,它总是长方形的,在方形的区域里摆 放就不太好看了。随着css3的出现,圆环状的进度条开始用得越来越多,不过由于IE6/7/8不支持css3,我们只能换其它方法来...
分类:Web程序   时间:2014-10-29 23:34:54    阅读次数:308
linear-gradient的使用
渐变在网页上应该算是很常见的一种效果。但是在CSS3出现之前,渐变效果必须使用图片才能做到。这就会出现问题了,就像之前说的圆角和阴影一样,因为使用了图片,在一定程度上影响网页的性能是肯定的,同时还有网站后期维护和修改的难题。CSS3的渐变诞生很久了,到目前为止,只要是支持该属性的浏览器,除了它们的私...
分类:其他好文   时间:2014-10-29 19:00:32    阅读次数:271
matrix矩阵
matrix(a,b,c,d,e,f)x’ | a c e | xy’ = | b d f | y1 | 0 0 1 | 1这就是矩阵的运算了,简化为公式:x’=ax+cy+ey’=bx+dy+fcss3的transform属性很好用,其实可以变换为matrix矩阵工作,只需要给abc...
分类:其他好文   时间:2014-10-27 17:29:12    阅读次数:227
CSS3 圆角属性 border-radius
在 CSS3 中新增了一个 border-radius 边框半径属性,即大家常用的圆角效果。这使得制作圆角将不再麻烦,只需对所用对象加一个 border-radius 属性即可,不必使用图片定位或冗余代码完成了。不过它的使用瓶颈目前也是显而易见的,因为效果显示需支持 CSS3 的现代浏览器,而在一些...
分类:Web程序   时间:2014-10-25 13:14:54    阅读次数:202
CSS3 Transition
W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transi...
分类:Web程序   时间:2014-10-24 15:51:54    阅读次数:166
Retina时代的前端视觉优化
随着New iPad的发布,平板也将逐渐进入Retina时代,在高分辨率设备里图片的显示效果通常不尽人意,为了达到最佳的显示效果就需要对图片进行优化,这里介绍一些优化方法:一、用CSS替代图片这一点在任何时候都适用;只是在当前我们可以更多的使用样式表来制作出设计效果,CSS3的圆角、渐变、模盒阴影、...
分类:其他好文   时间:2014-10-22 17:38:40    阅读次数:173
图标字体
有时页面上要用到一些小图标,按以前的方法在网上搜图片下载再应用到页面上的效率会比较低,效果也不怎么好。可以考虑用css3的font-face属性,它可以把我们自定义的Web字体或图标字体嵌入到你的网页中,我们可以通过设置font-size来设置图标的大小。非常的简单和方便。https://icomo...
分类:其他好文   时间:2014-10-21 19:07:04    阅读次数:266
CSS3样式运用,悬浮立体方块
前言作为后端开发者,了解前端是必须的,所以自己琢磨着弄了弄一个CSS3的阴影运用。我记得这应该是以前淘宝用过的,PS:现在跑到淘宝去看,好像没有找到了。现在流行扁平化设计,没有了阴影,没有了立体!效果图实现思路这里一共做了两边,一种是用UL,一种是用DIV啦。两种没什么区别,这里着重说DIV的方式。...
分类:Web程序   时间:2014-10-20 19:24:51    阅读次数:250
JS判断浏览器是否支持某一个CSS3属性
1、引子css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候。比如transition的animation-play-state,就只有部分浏览器支持。2、检测方法下面的方法可以使用脚本判断浏览器...
分类:Web程序   时间:2014-10-17 15:21:10    阅读次数:222
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!