css3+html5
逆魂夜
这个作者很懒,什么都没留下…
展开
-
学习c3和h5第二天
animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向 animation-iteration-count:infinite; 无限循环播放 animation-play-state:paused; 暂停动画" @keyframes 动画名称 { from{ 开始位置 } 0% to{ 结束 } 100% } justify-content调整主轴对齐...原创 2019-02-28 20:48:35 · 95 阅读 · 0 评论 -
学习c3和h5第一天
E::first-letter文本的第一个单词或字(如中文、日文、韩文等) E::first-line 文本第一行; E::selection 可改变选中文本的样式; E::before和E::after 在E元素内部的开始位置和结束位创建一个元素,该元素为行内元素,且必须要结合content属性使用 translate 移动平移的意思 translate(x,y)水平方向和垂直方向同时移动(也就...原创 2019-02-26 19:21:31 · 125 阅读 · 0 评论 -
视屏标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <video src原创 2019-03-03 19:46:46 · 96 阅读 · 0 评论 -
canvas中的方块
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas wi原创 2019-03-06 19:26:51 · 310 阅读 · 0 评论 -
学习c3h5
使用画布 canvas 1:创建画布 <canvas width="500" height="500" style="border: 1px solid #eeeeee"></canvas> 2:在script中获取画布 var ctx = document.querySelector('canvas').getContext('2d'); 3:作画 如:画圆 ...原创 2019-03-10 19:55:48 · 523 阅读 · 0 评论 -
在canvas中画钟
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas wi原创 2019-03-11 18:50:38 · 121 阅读 · 0 评论 -
在HTML中监听网络是否连接
//查看当前网络状态 console.log(window.navigator.onLine); //监听网络是否连接 window.addEventListener('online',function () { console.log('111'); $('body').text("网络已连接").fadeIn(1000).delay(1000).fadeOut(1000); ...原创 2019-03-24 22:17:41 · 607 阅读 · 0 评论 -
绘制饼状图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas width="600px" height="400px" style...原创 2019-03-18 21:24:16 · 161 阅读 · 0 评论