html5滤镜,css各种滤镜的应用是什么

学习html5需要会java或者是其他的计算机语言吗？

1、学习html5不需要会java，但是需要编程基础，比如各种JS/JQuery等。

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、网站建设、青龙网络推广、小程序制作、青龙网络营销、青龙企业策划、青龙品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供青龙建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

2、学习html5最重要的不是已经会多少东西，而是你的不断学习的学习能力。要明白，技术是时刻在更新的。

学习HTML5可以参考下列进阶知识：

一、前段页面重构

1、PC端网站布局（HTML基础，CSS基础，CSS核心属性；CSS样式层叠，继承，盒模型；浏览器兼容性与宽高自适应；定位、锚点、图片整合；表格，CSS属性与滤镜。）

2、HTML5+CSS3基础（HTML5新增的元素与属性；CSS3选择器、媒体查询；CSS3位移与变形处理；CSS3 2D、3D转换与过度动画；响应式设计。）

3、WebApp页面布局（移动端页面设计规范；移动端切图；文字流式/控件弹性/图片等比例/特殊设计的100%布局；等比缩放布局；viewport/meta、rem/vw的使用；移动web特别样式处理）

二、JavaScript高级程序设计

1、原生JavaScript交互功能（基本语法、循环语句、函数与数组、String与Date、BOM与DOM、事件、拖拽效果、cookie存储、正则表达式、Ajax、面向对象基础、运动与游戏开发）

2、面向对象进阶与ES5/ES6应用（Promise/A+、设计模式（观察者模式等）、原型链、构造函数、执行上下文栈与执行上下文、变量对象与活动对象、作用域链、闭包、this、ES5、ES6）

3、JavaScript工具库（DOM库、事件库、AJAX库、原型和继承库、MVVM核心库、基于SPA的路由库）

三、PC端全栈项目

1、jQuery经典交互特效（时间轴特效、tab页面切换效果、网页定位导航特效、滑动门特效、焦点图轮播特效、导航条菜单效果、瀑布流特效、弹出层效果、倒计时效果、抽奖效果）

2、PHP+MySQL后端基础（PHP、MySQL、HTTP(s)协议详解、Ajax进阶、跨域与Defered、Apache与Nginx 环境搭建与配置、接口的定义、Mock数据、Restful、前后端联调、前端安全XSS,CSRF,JSON注入）

3、前端工程化与模块化应用（Gulp、Webpack、NPM、Git/SVN、CommonJS、AMD、CMD、ES6模块化）

四、移动端WebApp开发

1、应用Vue.js开发WebApp项目

2、应用React.js开发WebApp项目

3、应用Angular开发WebApp项目

五、混合(Hybrid,RN)开发

1、微信公众号开发

2、微信小程序开发

3、React Native

六、NodeJS基础、MongoDB、GraphGL、Express、Koa、socket 即时通信

??

html5怎么设置网页过渡效果

在web设计中使用js可以实现很多的页面特效，然而很多人却忽视了HTML标签中META标签的强大功效，其实meta标签也可以实现很多漂亮的页面过渡效果。

META标签是HTML语言HEAD区的一个辅助性标签，Meta 标签放在每个网页的head.../head

中间，我们大家比较熟悉的如：

meta name="GENERATOR" content="Microsoft FrontPage

3.0"//说明编辑工具；

meta name="KEYWORDS" content="..."//说明关键词；

meta name="DESCRIPTION" content="..."//说明主页描述；

它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以

根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等

用法：

Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"

Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"

blendTrans是css动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:

动态滤镜可以为页面添加动人的淡入淡出、图象转化效果，它可以分为两种blend（混合）和reveal（显示），

前者可以使对象渐渐消失或出现，后者提供了24种图象转化的效果......

Meta http-equiv="Page-Enter"

Content="revealTrans(duration=x, transition=y)"

Meta

http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"

Duration:表示滤镜特效的持续时间(单位：秒)

Transition:滤镜类型。表示使用哪种特效，取值为0-23。

HTML5+CSS3小实例：毛玻璃炫光按钮

HTML5+CSS3做一组毛玻璃炫光按钮，主要用到投影+模糊滤镜+CSS动画，搞定，看效果吧。

效果：

源码：

如何利用HTML5和CSS3代码实现模糊滤镜

第一步，打开HBuilder工具，新建静态页面blur.html，如下图所示：

第二步，在body/body插入一个div/div，再在div元素里插入五个img元素，分别设置为class，如下图所示：

第三步，设置五个img元素的样式，图片高度和宽度为250px，如下图所示：

第四步，预览该静态页面，在浏览器中查看页面效果，如下图所示：

第五步，分别设置class为two、three、four和five的样式，如下图所示：

6

第六步，再次预览该静态页面，利用IE浏览器查看效果，如下图所示：