css Gradients(渐变)
摘要:渐变分为4类 1:线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 2:径向渐变(Radial Gradients)- 由它们的中心定义 3:对角渐变 4:角度渐变 下面是我写的代码 div{float: left;width: 100px;height:...
阅读全文
posted @
2015-06-11 14:33
非洲来的蚂蚁
阅读(157)
推荐(0)
css @keyframes动画
摘要:先放下我写的代码 .rex{ position: absolute; top: 0px;left: 0px;width: 200px;height: 200px; border-radius: 5px;border: 1px solid #ccc; font-size: 125pt;text...
阅读全文
posted @
2015-06-11 13:40
非洲来的蚂蚁
阅读(278)
推荐(0)
css transfotm(变化)
摘要:transform的兼容性情况如下: IE10/Firefox/Opera支持transform属性 IE9支持替代的-ms-transform属性仅支持2D转换 Safari和Chrome支持替代的-webkit-transform属性(3D和2D转换) Opera只支持2D转换 细解下 s...
阅读全文
posted @
2015-06-11 13:19
非洲来的蚂蚁
阅读(197)
推荐(0)
css3 transition(过渡)
摘要:transition,中文译为过渡,在CSS中表示属性渐进变化的效果。例如改变某个元素的宽度,从初始的100元素到300元素。 废话少说先来一段 .content{ height: 100px; width: 100px; background-color:black; -webkit-tr...
阅读全文
posted @
2015-06-11 13:04
非洲来的蚂蚁
阅读(255)
推荐(0)
html页面编写小技巧
摘要:去掉下划线 a{text-decoration: none;} 圆角 border-radius:10px; IE9以上 去掉li列表的圆点list-style-type: none;或者list-style:none; word-wrap 允许长单词换行到下一行: p.test ...
阅读全文
posted @
2015-06-07 12:07
非洲来的蚂蚁
阅读(282)
推荐(0)