- 博客(6)
- 收藏
- 关注
RSS订阅原创 canvas实战之刮刮卡
1.效果图 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pQeH0DOW-1596636799439)(https://s1.ax1x.com/2020/08/05/a6GU5n.png)] 2.html及css <canvas id="myCanvas"> 您的浏览器不支持canvas,请升级！ </canvas> <style> * { ma
2020-08-05 22:14:04
168
原创 canvas实战之简易钟表
canvas实战之简易钟表 1.效果图 其实这是一个实时动态的效果，由于我不知道怎么在markdown编辑器中插入这种动态效果，有的说做成gif动图，我嫌麻烦就懒的搞。 2.clock.html <canvas id="myCanvas"> 您的浏览器不支持canvas，请升级！ </canvas> 3.clock.css canvas { display: block; margin: 0 auto;
2020-08-05 08:15:37
182
原创 canvas 实现一个签名板
1.HTML及css样式 <canvas id="myCanvas"> 您的浏览器不支持canvas，请升级！ </canvas> <style> canvas{ display: block; margin: 20px auto; background: gray; } </style> 2.js代码 <
2020-08-04 10:36:54
171
原创 响应式布局案例实战
响应式布局案例实战 前几天做了一个响应式布局的案例，这里和大家分享一下，主要是总结一些经验。 1.html代码 <body> <!-- 头部 --> <header id="header"> <div class="logo"> <img src="images/largelogo.jpg" alt="logo" class="large"> <i
2020-08-03 10:59:43
901
原创 圣杯布局常用两种方法
圣杯布局常用两种方法 首先搭建起始HTML结构及设置基本css样式 <body> <div class="header">header</div> <div class="main"> <div class="content">content</div> <div class="left">left</div> <div class="righ
2020-08-01 08:37:45
217
原创 css 实现水平垂直居中的三种常用方法
css 实现水平垂直居中的三种常用方法 首先基本结构样式 <body> <div class="box"> <span></span> </div> </body> 使里面的span元素（粉色圆点）水平垂直居中于其div父元素（淘宝色正方形） 实现的效果图如下： 下面是常用的三种方法： 1.定位 <style> * { margin: 0;
2020-08-01 08:34:32
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人