qq_38836435的博客

目标 我们要实现的目标效果如下 过渡如何使用 可以清楚地看出效果图中的效果用到了css3中的过渡transition，先来了解一下transition CSS3 过渡是元素从一种样式逐渐改变为另一种的效果 过渡共有四个属性，分别是： transition-property： 规定应用过渡的 CSS 属性的名称 transition-duration： 定义过渡效果花费的时间。默认是 0 transition-timing-function： 规定过渡效果的时间曲线。默认是 “ease” transi

canvas实现刮刮乐效果 平时浏览一些购物网站常常有一些抽奖的环节它们就会使用一种刮刮乐的形式给用户发一些优惠券或者其它的一些奖品，对此突然产生了些许兴趣于是就琢磨着该如何实现，最终还是选择了canvas来实现这个效果 思路 思路很简单，无非就是绘制一个用来刮的蒙版矩形，给画布添加鼠标移动事件，在鼠标移动是不断绘制以鼠标为圆心的圆形闭合路径，图形合成globalCompositeOperation 属性使用‘destination-out’，用来抹除重叠的部分 ctx.globalCompositeOp

效果图如下 实现上面效果主要依赖flex布局，话不多说，直接上代码 骰子html结构 <ul> <li> <span></span> </li> <li> <span></span> <span></span> </li>

个性课表静态网页的制作 效果图: 主要运用知识：html ，css 这里是把主页面分成三个div区块： 一个是课表头部； 一个是课表月份以及课的节数； 还有一个是星期，日期和课名； 第二个和第三个星期日期是用表格 第三个课名用列表来做 内容比较简单，所以没有添加注释 html 代码： &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta...