HTML5不是新事物。自从最初发布（2008年1月）以来，我们一直在使用它的一些功能。后来，我再次仔细查看了HTML5功能列表。看到我发现了什么？到目前为止，我还没有真正使用过它！ 在本文中，我列出了
Pointer Events API 是Hmtl5的事件规范之一，它主要目的是用来将鼠标（Mouse）、触摸（touch)和触控笔（pen）三种事件整合为统一的API。 Pointer Event P
CSS动画非常的有趣；这种技术的美就在于，通过使用很多简单的属性，你能创建出漂亮的消隐效果。其中代表性的一种就是CSS图片翻转效果，能让你看到一张卡片的正反两面上的内容。本文就是要用最简单的方法向大家
语法 必需。动画时长的百分比。 合法的值： 0-100% from（与 0% 相同） to（与 100% 相同） 定义和用法 通过 @keyframes 规则，您能够创建动画。 创建动画的原理是，将一
基本代码 html代码： 首先定义一些基本的样式和动画： background-size: auto 100%; 这段代码的意思是让图片的高等于容器的高，并且水平方向自动，即图片最左边贴着容器左侧。
简介 前面写了一篇文章讲解了position常用的几个属性：《CSS 属性之 position讲解》一般都知道下面几个常用的： 在https://developer.mozilla.org/zh-CN
什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可
使用语法 首先我们先来看一个例子：html代码： css代码： 实现效果： 结果是该DOM元素背景变成了黑色。 CSS中原生的变量定义语法是：--*，变量使用语法是：var(--*)，其中*表示我们的
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，
一：动画(animation)的参数详解 由于上面用到了animation动画，这里详细介绍下这个animation的参数。 简介 CSS动画(Animations)简单说就是在一段固定的动画时间内暗
Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 语法 t
CSS3中的background-clip属性，其主要是用来确定背景的裁剪区域，换句话说，就是如何控制元素背景显示区域。 语法如下： background-clip ： border-box || p
webSocket是什么 webSocket是HTML5新出的一种协议，底层是基于TCP/IP协议的。跟http没有关系，只是复用了http握手通道，用来升级协议。 webSocket的作用 轮询：客
前言 首先第一步，先布局html代码如下： 上面一看第一个图片img 就是实现图片模糊效果的DOM元素，text-gradient实现的是流彩文字效果的DOM元素，border实现的是边框伸展效果的D
下面代码只是实现了上下滑动惯性，没有写水平滑动惯性。（临时代码笔记，可能会在以后的过程中不断更新优化代码） 注：当滑动到页面底部的时候才触发touchmove事件。 调用方式： 参考地址： 移动端拖动
ruby标签实现给汉字加拼音 ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元
animation-play-state介绍 animation-play-state 属性规定动画正在运行还是暂停。 浏览器支持：Internet Explorer 10、Firefox 以及 Op
currentColor顾名思意就是“当前颜色”，准确讲应该是“当前的文字颜色”，例如： currentColor表示“当前的标签所继承的文字颜色”，换种方式表示就是：currentColor = c
CSS3 Filter（滤镜）属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 -webkit-filter是css3的一
box-shadow实现的打点效果 简介 box-shadow理论上可以生成任意的图形效果，当然也就可以实现点点点的loading效果了。 实现原理 html代码，首先需要写如下html代码以及cla
实现效果 1.首先创建html代码 2.创建canvas环境 3.绘制5像素宽的运动外圈 4.绘制白色外圈 5.百分比文字绘制 6.让它运动起来 完整代码
这里介绍的是大家以后要用到的html强大功能，可直接给输入框增加语音功能，下面我们先来看看实现方法。 大家可以看到在输入框右边的麦克风图标，点击麦克风就能够进行语音识别了。 其实很简单，语音识别是ht
简单介绍 input file控件限制上传文件类型如下：1.文件类型中间用，分开；2.html和htm这样的要写成两个； 3实例： 如果想在手机上实现拍照上传，添加如下代码： 重要的就是这句话：cap
