给力：Html5代码可实现的八大视觉效果

显示全部楼层 · 2006-7-3 08:51:49

“Html5”一出生就伴随着各种争论，不过有几个业界大佬的保驾护航、极力推动，相信随着支持webkit浏览器的普及，HTML 5会越来越普及、越来越强大，一定是必然趋势。　　　　HTML5 ~= HTML + CSS + JS APIs，在Html5引擎中已经有一些代码将html和css和jsapi做了结合。很多之前需要贴图或者很冗杂代码段才能实现的效果，采用Html5开发只需短短几行代码就可轻松搞定，大大降低了流量的压力。总之Html5真是很给力，那么作为一名移动端的wise设计师对于Html5可以轻松实现的视觉效果不能不了解。
　　一、显示本地没有的字体
　　　　移动端各种平台可以支持的默认字体有限，如果需要好的视觉效果，很常见的做法就是将文字做成图片，但是对于移动端来说，图片就意味着大流量，在如今还是按流量收费的移动网络时代，一味的追求效果而采用图片显然不是最好的做法。但是采用Html5开发，只需要在代码内设置所需显示的字体，那么一些个性的字体就可以不用图片轻松展示了。如上图红色方块区域中的效果。
　　二、圆角效果
　　　　如上图hao123主页和hao123.tuan主页效果所示，各种圆角在设计中对于提升用户的好感度，美化页面效果起到了很重要的效果。如今在移动端wise中也可以放心大胆的设计圆角效果，因为Html5对于圆角的支持已经很好了，代码可以根据需要随意控制圆角的半径大小，并且能够对其完美的展现。
更多效果》》

千问 · 2006-7-3 08:51:49

不错.