请使用firefox,chrome等最新浏览器浏览本站。

-webkit-appearance

-webkit-appearance: 更改按钮和其他控件的外观按照本地默认样式式。 下面的代码是去除IOS原生的样式的方法 input, button{ -webkit-appearance:none; outline:none; } 其它渲染方式: -webkit-appearance: none;//去……继续阅读 »

阿豹 5年前 (2014-03-31) 256浏览 0评论 0个赞

css3 三角形

原理:利用了相邻两个边框的接壤处分配原则,如果没有宽度和高度的话,其实应该是四个三角形接成的矩形 /* create an arrow that points up */ div.arrow-up { width:0px; he……继续阅读 »

阿豹 5年前 (2014-03-27) 258浏览 0评论 0个赞

-webkit-box-sizing

-webkit-box-sizing 属性 设置或检索对象的盒模型组成模式。 对应的脚本特性为boxSizing。 取值:content-box | border-box content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、pad……继续阅读 »

阿豹 5年前 (2014-03-27) 261浏览 0评论 0个赞

mobile模拟:hover伪类

因为移动设备并没有鼠标指针,所以没有hover事件。那么CSS :hover伪类就没用了。但是移动设备有Touch事件,onTouchStart 类似 onMouseOver,onTouchEnd 类似 onMouseOut。所以我们可以用它来模拟hover。使用Javascript: var myLinks = document.getElem……继续阅读 »

阿豹 5年前 (2014-03-20) 316浏览 0评论 0个赞

css3 webkitAnimationEnd

-webkit-animation动画含三个事件:开始事件webkitAnimationStart;结束事件webkitAnimationEnd;重复运动事件 webkitAnimationIteration css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd;trans……继续阅读 »

阿豹 5年前 (2014-03-20) 272浏览 0评论 0个赞