随笔分类 -  html5+css3

摘要:此文关于如何利用border、border-color、绝对定位,绘制特殊形状的三角形。在网上经常看到别人制作的非长方形的导航条,这里借鉴学习制作一个,仅作练习,注意:最新的火狐、遨游、谷歌等浏览器支持,ie9及ie以下不支持,ie10暂未测试。下面是html部分:<div class="nav"><ul><li><a href="http://www.cnblogs.com/web-sheena">首页</a></li><li><a href="http 阅读全文
posted @ 2012-11-05 18:06 sheena的世界 阅读(1277) 评论(0) 推荐(0)
摘要:css3 的transition:允许css属性值在一定的时间区内平滑的过渡。transition-property:变换延续的时间transition-duration:在延续时间段transition-timing-function:变换速度变化transition-delay:变化延迟时间a:{all 0.5s ease-in 1s;}这里的四个值分别对应上面的四个属性。* {margin:0;padding:0;}ul{width:300px;}ul:after {clear:both;display:block;content:".";height:0;visib 阅读全文
posted @ 2012-07-09 13:11 sheena的世界 阅读(2294) 评论(0) 推荐(0)