随笔分类 - HTML5+CSS3
摘要:效果图:是一个会动的时钟一、时钟的组成 1.表盘(蓝色) 2.刻度(黑色) 3.时针(黑色) 4.分针(黑色) 5.秒针(红色)需美化二、主要应用的技术 Canvas画线 Canvas画圆 笔触修改和填充笔修改 角度旋转 JS部分对象和方法(Date对象和setInterval)
阅读全文
摘要:一、发展历:早期:++文件 问题:不是所有浏览器都支持,而且embed不是标准。现状:Realplay、window media、Quick Time 、Flash 问题:每个厂商每个标准,网站编码和格式也都不相同,flash的出现解决了面的问题,但是apple在07年决定任何设备将不再支持flash。HTML5认为浏览器应该原生支持音视频,因为他们现在也是web中的一等公民了!二、视频格式的简单介绍1、常见的视频格式 视频的组成部分:画面、音频、编码格式视频编码:H.264、Theora、VP8(google开源)常见的音频格式音频编码:ACC、MP3、Vorbis2、HTML5支持的...
阅读全文
摘要:我们先来实现一个基本的圆,HTML 代码如下:CSS 实现的各种球体效果 这里使用的是 HTML5 新增标签 figure,也可以用其它标签。figure 标签专门用于显示网页中的图片或者其它图表内容。为了实现圆型效果,添加一些基础的样式上面实现了基本的圆形效果,这里增加径向渐变效果来实现更逼真的球体。CSS 实现的各种球体效果 上节已经有基本的球体效果出来了,为了增加立体效果,我们在球的底部加个阴影,这样立体感就更强了。
阅读全文