鼠标hover按钮闪动填充效果,按钮hover动画效果
style:<style> .la-btn{ padding: 14px 20px; background: #1abc9c; color: #fff; font-size: 14px; overflow: hidden; transition: all...
页面滚动条重置只兼容谷歌css
/*页面滚动条*/ html::-webkit-scrollbar{width: 6px;height: 6px;background: #ccc;} html::-webkit-scrollbar-button{display: none;} html::-webkit-scrollbar-track-piece{display:&nb...
pointer-events:none应用,鼠标链接禁止点击,pointer-events 让鼠标穿透元素
1.取值：auto：与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同none：元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向...
marquee滑动滚动介绍
该标签是个容器标签语法：<marquee></marquee>以下是一个最简单的例子：代码如下:<marquee><font size=+3 color=red>Hello, World</font></marquee>下面这两个...
纯css实现飘带效果,浮动飘带效果
html:<div class="wrapper"> <span class="flag">未完成(2)</span> </div>css:.wrapper{ position: relative; width: 200px; h...
仿qq类延迟提示框，js hover显示隐藏效果
html：<div id="div1"></div> <div id="div2"></div>css：div{float: left; margin: 10px;} #div1{width: 50px; height: 5...
边框border制作三角的小工具
边框border制作三角的小工具：使用了IE滤镜中chroma滤镜方式针对IE6的方式做了hack处理。处理的方式是设置一个颜色color用于透明使用，并且这个color要与chroma中的color相同，但重要的是不能与边框色相同，否则边框...
position: fixed;兼容ie6方法
#menu{ position: fixed; top: 100px; left: 50%; margin-left: 400px; width: 50px;}以上 position: fixed;在ie6不兼容，虽然现在基本不用兼容ie6了，我还...
background-size兼容ie7,8的解决方法
background: url(http://cdn.dowebok.com/139/images/bg.jpg) center no-repeat; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/ba...
绝对定位元素的水平垂直居中
不知不觉，好几个月过去了，因为工作比较忙，最近才有空写笔记。呼呼，我不会忘了关注我的粉丝们~~~福利来了！！正文开始：实现元素水平垂直居中的方法有很多，下面举例自己工作中比较常用的三中方法！1.css实现居中...
使用css3实现div的闪动效果
@-webkit-keyframes twinkling{ 0%{opacity:0.3;} 100%{opacity:1;}} @keyframes twinkling{ 0%{opacity:0.3;} 100%{opacity: 1;} } @-moz-keyframes twinkling{ 0%{opacity:0.3;} 100...
css弹性布局，自适应通过百分比布局
样式：父级跟子级布局：.floor ul {display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;displ...
