HTML5播放器 jwplayer被大量网站使用 html5media简单的h5player，轻量级 jplayerjQueryMarquee跑马灯效果 quickflip卡片翻转效果 卡片翻转效果2兼容性可以写transit对元素进行css的变换 tagcanvas3D标签云效果详细 iconate图片切换动画 S。

* css3 让一个图片不断翻转示例代码 *#gavinPlay* backgroundcolor url x y repeat 图片来自百度图片，按需要更换 *backgroundred urlquot。

说HTML5能够完成js的交互绝对是忽悠人的，HTML5只是提供了一些交互的API罢了，真正要实现具体的效果还是要靠JS和CSS例如做一个最简单的焦点图切换效果，如果不用js，就没有实现的可能所以接下来建议你好好学一学js。

2精通HTML，CSS，JavaScript，Html5 精通DIV+CSS网页布局，熟悉W3C网页标准，具有手写代码的能力3理解AJAX运作机制，了解常见JS开发框架，如prototypejQueryMootools，至少熟练其中一种4对常见的浏览器兼容。

一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTMLCSS，JavaScript光会这些还不够，有了这些语言还需要各种工具的支撑，比较常见的有Dreamweaver，Sublime，HBuilder还有FontelloFontello SecureheadersVisual。

文本效果常用 textshadow设置文字阴影 wordwrap强制换行 wordbreak css3提出@fontface规则，规则中定义了fontfamilyfontweightfontstylefontstretchsrcunicoderange 23D转换 transform向元素应用。