border transparent实现三角符号

以前常见的三角符号我们都需要图片来带图，其实简单利用css的border属性和border属性中的transparent值就能完成。 以下方式可以兼容IE7+ 例如： 1， <div id="sj"></div> #sj{ border:15px solid red; height:100px; width:100px;}  …

    464    2015-06-18   去围观

svg animate 动画

<svg> //相当于一个让舞台是svg能展示效果的区域 viewBox="280,80,20,20" //起点x轴为280，y轴80，宽20，高20的区域在svg中截图并且铺满svg <svg width="400" height="300" viewBox="0,0,40,30" style="border:1px solid #cd0000;"></svg> view…

    676    2015-06-18   去围观

svg路径描边动画效果

代码的核心思想就是： path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 5s linear infinite; } @keyframes dash { to { stroke-dashoffset: 0; } } 要弄懂stroke-dasharray和stroke-dashoffset之间的关系。 …

    425    2015-06-18   去围观

js抛物线效果

js 抛物线 天猫 京东 购物 可兼容IE7以上浏览器：http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/ 兼容IE7以上： 本地演示：https://sdeno.com/wp-conte…

    479    2015-06-16   去围观

loading css

http://www.cnblogs.com/lhb25/archive/2013/12/28/loading-spinners-animated-with-css3.html http://connoratherton.com/loaders loaders.css.min

    506    2015-06-15   去围观