“Html5”一出生就伴随着各类争论，不过有几个业界大佬的保驾护航、极力推进，相信随着支持webkit浏览器的普及，HTML 5会愈来愈普及、愈来愈强大，必定是必然趋势。
HTML5 ~= HTML + CSS + JS APIs，在Html5引擎中已经有一些代码将html和css和jsapi作告终合。不少以前须要贴图或者很冗杂代码段才能实现的效果，采用Html5开发只需短短几行代码就可轻松搞定，大大下降了流量的压力。总之Html5真是很给力，那么做为一名移动端的wise设计师对于Html5能够轻松实现的视觉效果不能不了解。
显示本地没有的字体
移动端各类平台能够支持的默认字体有限，若是须要好的视觉效果，很常见的作法就是将文字作成图片，可是对于移动端来讲，图片就意味着大流量，在现在仍是按流量收费的移动网络时代，一味的追求效果而采用图片显然不是最好的作法。可是采用Html5开发，只须要在代码内设置所需显示的字体，那么一些个性的字体就能够不用图片轻松展现了。如上图红色方块区域中的效果。
圆角效果
如上图hao123主页和hao123.tuan主页效果所示，各类圆角在设计中对于提高用户的好感度，美化页面效果起到了很重要的效果。现在在移动端wise中也能够放心大胆的设计圆角效果，由于Html5对于圆角的支持已经很好了，代码能够根据须要随意控制圆角的半径大小，而且可以对其完美的展示。
半透明效果
在设计中为了可以让层与层之间的结合不生硬，采用半透明的效果，也已是设计师惯用的手法之一了。Html5对于半透明效果支持也是很是理想的，代码能够根据须要随意控制层的透明度。
渐变效果（线性渐变、径向渐变）
在Html5以前对于线性渐变效果的支持就已经实现了，不过径向渐变仍是须要贴图才能实现。图片对于移动端流量仍是很受限的移动网络现状，视觉效果知足？流量费用支付？用户仍是很在乎的，不过Html5已经解决了这个问题，如同左图展示的线性渐变可以很好的支持外，右图中心区域径向渐变效果的展示是否是也很理想：）
文本描边
文本描边这个效果其实在Html5以前也是能够轻松实现的，不过并无被常常的使用，因此在这里也说起一下，在Html5下文本描边能够很轻松的实现，且能够根据需求控制文本颜色，文本描边颜色，以及文本描边的宽度，宽度甚至能够精确到0.00px。
文本阴影效果 横向、纵向、虚化
如上图所示Html5除了能够轻松实现文本描边效果外，对于文本的阴影角度、方向等也能够轻松实现。能够自由控制阴影的角度、距离、颜色及投影大小。经过自由组合这几个因素，实现不少须要图片支持的效果就变得易如反掌。
上图这样看似只能经过图片来实现的阴影+虚化效果，其实就是经过Html5来实现的。
文本外发光效果
常常对文字操做的视觉效果还包括：文字外发光。Html5对于文本外发光效果也是能够很好支持的，而且能够根据需求设置外发光的颜色、透明度、扩展范围、大小等等。
倒影
刚才讲到了不少文字能够实现的视觉效果，其实对于图形来讲是同样的，图形阴影、虚化、外发光效果也能够实现。此外图形还能够实现倒影效果，如上图所示，在Html5技术以前倒影效果须要贴图才可以实现的，而Html5中就能够用代码轻松来实现了。
综上所述：Html5可以轻松实现的视觉效果简直太给力了！太多太多须要作图软件成图，代码中贴图才能实现的效果，显示本地没有的特殊字体来实现艺术话视觉效果；各类圆角效果的支持；半透明效果：线性渐变，以及突破性的径向渐变支持；文本、图形各类效果的修饰，描边，阴影，虚化，外发光；以及图形的倒影效果等。总而言之，以上各类视觉效果都可实现，那么在之后wise网页设计中，设计师不再用束手束脚了，不用再设计单调的界面了，不少效果均可以尝试，而且不会带来太多的页面体积成本：）
以上主要是介绍Html5能够实现的视觉效果，此外Html5还能够支持不少功能层面的震撼效果，如：音频、视频、图片展现、运动展现、360度展现、VR（虚拟实境）、本地存储、表单、分栏显示、地理位置等等。
有兴趣的朋友能够了解看看：
有兴趣的朋友能够了解看看：