最近又遇到许多垂直居中的问题,这是Css布局当中十分常见的一个问题,诸如定长定宽或不定长宽的各类容器的垂直居中,其实都有很多种解决方案。而且在Css3的flexbox出现之后,解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽,故想借介绍flexbox的同时好好总结...
分类:
其他好文 时间:
2015-04-21 20:23:51
阅读次数:
181
创建阴影你的浏览器无法使用canvas如有疑问加QQ:1035417613;小白童鞋;你的支持是我最大的快乐!!shadowOffsetX,shadowOffsetY,控制阴影的位置shadowBlur控制阴影的模糊程度shadowColor控制阴影的颜色类似css3的这个属性box-shadow
分类:
Web程序 时间:
2015-04-20 20:53:43
阅读次数:
199
让VS2010也支持html5和css3语法验证步骤:首先打开VS2010或者可自行下载均可,我这里是利用VS的扩展器弹出如下画面,然后选在,联机库,在右上角输入css3,即可看到下面,然后选中你想要安装的扩展,这里我选择要支持html5和css3.0的两个下载首先下载VS2010sp1-KB983...
分类:
Web程序 时间:
2015-04-20 20:45:38
阅读次数:
227
久以前在安卓2.0系统刚刚的时候就对HTML5比较关注!因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果,觉得哇,好牛逼原来可以这样做,然后3年过去了。。。手上的APP做完的没有40个也有30个了!然后去年参加了HTML5峰会。听着一批前辈们说着他们在...
分类:
其他好文 时间:
2015-04-18 06:20:14
阅读次数:
121
很久以前在安卓2.0系统刚刚的时候就对HTML5比较关注!因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果,觉得哇,好牛逼原来可以这样做,然后3年过去了。。。手上的APP做完的没有40个也有30个了!然后去年参加了HTML5峰会。听着一批前辈们说着他们...
分类:
Web程序 时间:
2015-04-17 23:34:50
阅读次数:
146
参考网页: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
---恢复内容开始---Modernizr 浏览器对HTML5和CSS3开发的功能检测类库由于当前用户使用的浏览器版本较多,对H5和CSS3的支持也各不相同。前端的开发者,在使用一些新的特性的时候,就比较的麻烦。需要去兼容各种浏览器,判断这些浏览器是否支持这些新的特性。Modernizr可以帮助前端...
分类:
Web程序 时间:
2015-04-15 19:17:15
阅读次数:
120
利用CSS3的伪类元素hover以及transform,transition等动画属性,可以做出一些炫酷的动画效果。下面将一些项目中使用到的示例发布出来,供大家一起学习研究。演示地址:runjs。浏览器兼容:Chrome,Safari,IE10及以上,IE9不支持渐变效果,IE8以下不支持。tra....
分类:
Web程序 时间:
2015-04-15 16:30:28
阅读次数:
2427
首先,说一下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