看完上面的这些作品,我相信你一定会敬佩这些出色的WEB程序员,用简单的技术就能创作出丰富、动态、交互性良好的WEB作品。同时,我们更加对WEB前端技术——HTML5、CSS3和SVG充满了希望的憧憬。
这是一个能方便的找到CSS动画制作的代码片段的地方。
这个里面里你能看到的26个标准的英文字母并不是普通的字体,它们是用CSS在空白的页面上绘制出来的,纯css作品,用鼠标移动到CSS代码上,你能看的这段代码绘制的相应的字母局部。主要运用了CSS3里的多个新变换功能,需要使用最新的浏览器进行观赏。
这些都是用CSS3绘制的图标,没有用一个图片,而且这些图标在切换时能够表现出漂亮的过渡变化过程。
你能相信吗,这些图案都是用一个DIV实现的!当然,这都是CSS3的神奇能力。