摘要： 上次看到某人去世了，百度就把相应介绍某人的信息页面全部灰掉，于是寻找到了种简单的方法，只需设置html 1 html { 2 filter: grayscale(100%); 3 -webkit-filter: grayscale(100%); 4 -... 阅读全文

摘要： 这是一个常见的问题，但是一些新人没遇到过可能不会发现，现在我对这种现在进行了分析与总结设置一些元素为块级元素时一般这么写li{display:inline-block; *display:inline; *zoom:1;}display:inline-block在IE下仅仅是触发了layout，而它... 阅读全文

摘要： 阅读全文

摘要： 最近做了关于介绍德州扑克历史介绍和砸蛋的一个活动专题（移动端）专题地址：http://demo.qpdiy.com/all/H5/subjects/guandan/h/index.html里面学到了很多css3以及一些移动端特效的处理，比如页面加载动画，手机横屏提示，微信分享接口，音乐设置HTML抬... 阅读全文

摘要： 效果演示http://demo.qpdiy.com/hxw/CSS3/rotate+light.html物体旋转：卡牌同一位置放2张图片，通过设置3D动画旋转实现animation: cardfront 2s infinite; -webkit-animation: cardfront 2s ... 阅读全文

摘要： 自己编写的九方格抽奖插件参考网址http://demo.qpdiy.com/all/plugins/Lottery/lottery--horse3/h/index.html关键代码： 1 var num = 0; //当前点亮的灯 2 var circle = 0; //至少转跑马灯的圈数 3 ... 阅读全文

摘要： 使用jQueryui = { $close: $('.close') , $pop: $('.pop') , $topopBtn: $('.topop-btn') , $popbtnArea: $('.popbtn-area') };// 绑定打开弹... 阅读全文

摘要： 最近很流行整屏滚动的效果，无论是在PC端还是移动端，本人也借机学习了一下，主要通过jquery.funnPage.js插件+CSS3实现效果。本人做的效果：PC端：http://demo.qpdiy.com/hxw/ss/h/index.html移动端：http://demo.qpdiy.com/h... 阅读全文

摘要： 滚动条是一个伪元素，可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭，只按照用户自定义的css信息进行渲染。/* 滚动条 */::-webkit-scrollbar{ height:7px; width:10px;} //宽度也可用百分比定义//滚动条里面的滑块::-webkit-sc... 阅读全文

摘要： iphone6 外观：http://www.html5tricks.com/demo/css3-iphone6/index.html天气图标：http://www.html5tricks.com/demo/pure-css3-weather-icon/index.html3D太空船：http://w... 阅读全文