![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5C3
Joy Weijiao
一个小前端
展开
-
H5C3 学习(一) ---- 新增表单属性,C3伪类选择器
一. H5的概念 H5代表着互联网技术发展的一个阶段,是一套前端技术的统称(移动端开发) 包括 : html5 css3 新增 js API二. H5语法规范更简洁:更宽松: 单标签 省略 关闭符号 双标签 省略 结束标签 html body head 完全省略 ...原创 2019-04-12 21:13:16 · 726 阅读 · 0 评论 -
H5C3 学习(三) ---- 过渡,2d转换,3d转换各种属性
一.过渡transition:过渡是css3中具有颠覆性的特征之一,可以实现元素不同状态间的平滑过渡(补间动画).必须有两个不同的状态1.补间动画和帧动画帧动画:通过一帧一帧的画面按照固定顺序和速度播放补间动画:补间动画只需要起始状态和终止状态,浏览器自动完成中间的过渡2.过渡的属性1. transtion-property:设置过渡属性; 如: transition-...原创 2019-04-16 16:21:05 · 800 阅读 · 0 评论 -
H5C3 学习(五) ----HTML5-API 网络状态,地理位置,web存储,自定义播放器,文件读取,拖拽
HTML5-API一.网络状态在移动端,我们经常需要检测设置是在线还是离线,HTML5为此定义了一个navigator.onLine属性,这个属性用于检测设备是否联网。navigator.onLine 在不同浏览器中有细微的差别。1.网络状态navigator.onLine返回用户当前的网络状况,是一个布尔值1. 如果浏览器连不上网(包括局域网),就是离线状态,也就是脱机...原创 2019-04-20 18:21:03 · 286 阅读 · 0 评论 -
H5C3 学习(二) ----私有前缀 盒子模型,背景,渐变,阴影,颜色模式
一.颜色模式 HSLA在我们熟悉的颜色设置中秒回经常使用red,pink等颜色名词,也会使用rgb #999;等16进制来设置我们的颜色在一些特定的场景中,我们也会使用rgba来设置,每一位分别表示红绿蓝已经透明度,如: reba(155,255,255,.5) 最后透明度为.5 半透明状态,取值范围是-0-1下面我们介绍一种不一样的颜色模式(HSLA) --- 可以通过设置色调...原创 2019-04-14 15:57:49 · 457 阅读 · 0 评论 -
H5C3 学习(四) ---- 动画animation和弹性布局
一. 动画首先我们需要了解到动画和过渡的区别:1. 过渡必须触发,需要两个状态的改变2. 动画可以一直运行下去,不需要触发,实现效果和过渡差不多1. 使用一个动画的基本步骤:1. 通过@keyframes指定动画序列2. 通过百分比或者from/to 将动画分割成多个节点3. 在各个节点中分别定义动画属性4. 通过animation 将动画引用于相应的元素2....原创 2019-04-18 16:25:49 · 722 阅读 · 0 评论