码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
【前端攻略】最全面的水平垂直居中方案与flexbox布局
最近又遇到许多垂直居中的问题,这是Css布局当中十分常见的一个问题,诸如定长定宽或不定长宽的各类容器的垂直居中,其实都有很多种解决方案。而且在Css3的flexbox出现之后,解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽,故想借介绍flexbox的同时好好总结...
分类:其他好文   时间:2015-04-21 20:23:51    阅读次数:181
html5 canvas创建阴影
创建阴影你的浏览器无法使用canvas如有疑问加QQ:1035417613;小白童鞋;你的支持是我最大的快乐!!shadowOffsetX,shadowOffsetY,控制阴影的位置shadowBlur控制阴影的模糊程度shadowColor控制阴影的颜色类似css3的这个属性box-shadow
分类:Web程序   时间:2015-04-20 20:53:43    阅读次数:199
让VS2010也支持html5和css3语法验证
让VS2010也支持html5和css3语法验证步骤:首先打开VS2010或者可自行下载均可,我这里是利用VS的扩展器弹出如下画面,然后选在,联机库,在右上角输入css3,即可看到下面,然后选中你想要安装的扩展,这里我选择要支持html5和css3.0的两个下载首先下载VS2010sp1-KB983...
分类:Web程序   时间:2015-04-20 20:45:38    阅读次数:227
前端努力的哪怕从代码的体积哪怕是20K都在努力减少的同时
久以前在安卓2.0系统刚刚的时候就对HTML5比较关注!因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果,觉得哇,好牛逼原来可以这样做,然后3年过去了。。。手上的APP做完的没有40个也有30个了!然后去年参加了HTML5峰会。听着一批前辈们说着他们在...
分类:其他好文   时间:2015-04-18 06:20:14    阅读次数:121
有关html5设计那些事,你真的考虑过前端的实现吗(最近别人经常问我这种问题,所以我就写一篇了,可能也有别人和我一样吐槽过)
很久以前在安卓2.0系统刚刚的时候就对HTML5比较关注!因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果,觉得哇,好牛逼原来可以这样做,然后3年过去了。。。手上的APP做完的没有40个也有30个了!然后去年参加了HTML5峰会。听着一批前辈们说着他们...
分类:Web程序   时间:2015-04-17 23:34:50    阅读次数:146
CSS3之transition&transform
参考网页:CSS3transform属性使用详解:http://www.renniaofei.com/code/css3-transform-shuxing-shiyong-xiangjie/利用CSS3的transition属性制作过渡效果的导航栏:http://www.renniaofei.co...
分类:Web程序   时间:2015-04-16 19:38:14    阅读次数:195
响应式布局设计
响应式布局当今很流行的一个设计理念。什么是响应式布局?我的理解是根据不同大小的屏幕显示不同的页面布局。响应式布局怎么设计?一种比较简单的方法就是利用CSS3的Media Query来实现。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有...
分类:其他好文   时间:2015-04-16 19:28:18    阅读次数:136
Html5 学习之 Html5功能判断插件 Modernizr
---恢复内容开始---Modernizr 浏览器对HTML5和CSS3开发的功能检测类库由于当前用户使用的浏览器版本较多,对H5和CSS3的支持也各不相同。前端的开发者,在使用一些新的特性的时候,就比较的麻烦。需要去兼容各种浏览器,判断这些浏览器是否支持这些新的特性。Modernizr可以帮助前端...
分类:Web程序   时间:2015-04-15 19:17:15    阅读次数:120
CSS3悬浮动画效果
利用CSS3的伪类元素hover以及transform,transition等动画属性,可以做出一些炫酷的动画效果。下面将一些项目中使用到的示例发布出来,供大家一起学习研究。演示地址:runjs。浏览器兼容:Chrome,Safari,IE10及以上,IE9不支持渐变效果,IE8以下不支持。tra....
分类:Web程序   时间:2015-04-15 16:30:28    阅读次数:2427
CSS3的clip-path属性
首先,说一下clip-path属性,以前我也没有见过这个clip-path属性,网上搜了一下,原来clip-path是‘剪切’的意思。clip-path:polygon(x,y)属性,polygon(x,y)内的x表示横坐标的位置(px %),y表示纵坐标的位置(px %)。说到底,这个clip-p...
分类:Web程序   时间:2015-04-14 00:17:02    阅读次数:308
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!