摘要：
阅读全文
摘要：
最近做了关于介绍德州扑克历史介绍和砸蛋的一个活动专题（移动端）专题地址：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... 阅读全文
摘要：
鼠标悬浮炫光效果：http://demo.qpdiy.com/hxw/CSS3/button-light.html在网页上实现这种动作效果有三种方法：首先是JS，可以用jquery的animate事件实现，如果不想用JS的话可以通过css3实现过渡：.button:hover i { left:10... 阅读全文
摘要：
CSS3：钟表：http://demo.qpdiy.com/hxw/CSS3/css3_clock.htmlCSS3各种旋转：http://demo.qpdiy.com/hxw/CSS3/css3_rotate.htmlCSS3投影效果：http://demo.qpdiy.com/hxw/CSS3/... 阅读全文