![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5+css3
1
是小王啊i
沉淀
展开
-
css3实现摩天轮特效
css3效果摩天轮效果图html代码css3代码完整代码效果图html代码<div class="box"> <div class="wheel"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></原创 2020-10-07 07:50:31 · 1560 阅读 · 3 评论 -
canvas实现圆饼图,柱状图,折线图(满满的干货)
canvas画图圆饼图柱状图折线图圆饼图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #a1{ border: 1px solid red; } </style> </head> <body> <原创 2020-10-07 07:50:13 · 730 阅读 · 0 评论 -
html5新增的表单控件
表单控件表单新增的控件表单中新增的控件(type属性) email: 提交表单时检测值是否是一个电子邮件格式 url: 提交表单时检测值是否是一个url格式 date: 年-月-日格式的控件 time: 时:分格式的控件 datetime: 年-月-日 时:分 格式的控件(UTC时间) datetime-local: 年-月-日 时:分 格式的控件(本地时间) month: 年-月格式的控件 week: 年-周数格式的控件 number: 数字输入框 <input type="原创 2020-10-06 07:44:14 · 767 阅读 · 0 评论 -
兼容IE低版本浏览器的办法(IE低版本把h5新增标签解析成了行元素)
方式一1手动创建:在js中创建h5新增标签,css中给h5标签添加display:block属性举例:<script type="text/javascript"> var e=("abbr,article,aside,audio,canvas,datalist,details,"+"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+"progress,section,time,video").split(',');原创 2020-10-06 07:43:43 · 154 阅读 · 0 评论 -
html5新增标签总结
新增的结构标签 页面头部标签 header 页脚底部标签 footer 导航 nav 划分区域 section (有点代替div的意思) 主题内容块 article 侧边栏 aside新增的功能标签 标题组合 hgrounp <hgrounp> <h1></h1> <h2></h2>原创 2020-10-05 08:04:55 · 139 阅读 · 0 评论 -
canvas实现太极图
效果图代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #a1{ border: 1px solid red; background-color: light原创 2020-10-05 08:04:18 · 147 阅读 · 0 评论 -
canvas画布讲解(二)
canvas画布图形的阴影图形的处理图形的阴影 阴影属性:shadowColor:设置阴影颜色shadowBlur:设置阴影模糊级别(值越大越模糊)shadowOffsetX:设置阴影在x轴上距离图形的距离shadowOffsetY:设置阴影在y轴上距离图形的距离图形的处理绘制图像 drawImage(img,x,y) img:图片 x:图片横坐标的起始值 y:图片纵坐标的起始值 drawImage(img,x,y) drawImage(img,原创 2020-10-05 08:03:57 · 162 阅读 · 0 评论 -
canvas画布讲解(一)
canvas画布canvas基础知识绘制绘制一个矩形贝塞尔曲线绘制文字图形的组合方式canvas基础知识<canvas id="myCanvas" width="200" height="200">< /canvas>canvas元素自身有两个属性:width和height,除此之外,canvas还拥有所有主要的HTML5属性,比如说class、id和 name等。id属性被用在上面所示的代码中,JavaScript使用这里创建的canvas的id来表示要在上面绘画的画布原创 2020-10-05 08:03:32 · 841 阅读 · 0 评论