1. Css3 Scroll Effect

.
2. Css3 Paper Fold

.
3. Css3 Round Corner Table

.
4. Css3 Animate

.
5. Css3 Tree

.
6. Css3 Image Style

.
7. Css3 buttons

.
8. CSS3 Transitions









不管你怎么看,HTML5 + CSS3 是 Web 网站开发技术的趋势。本文介绍的这二十几个使用 HTML5 和 CSS3 技术开发的网页,看起来非常的新颖,富有创意。实用价值倒在其次,关键是感受一下 HTML5 和 CSS3 给我们带来的全新体验。
只需要在页面<HEAD>中加入以下标签 推荐在head部分的最上方添加
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
这样在IE8上浏览网页就和IE7上的显示效果一致了
图片的滑动展示在网站设计中使用非常普遍,可用于解决方案、产品和服务的各种展示,而借助 JavaScript 和 CSS3 可让这些效果实现起来更加简单。
本文介绍 11 个网站滑动效果设计非常帮的案例供你参考:

Cool combination of scroll and left with easing animation.

Slider with integrated tooltips and modal dialogs.

Take a while to load but it’s pretty impressive slider, a different kind of thumbnail view.

Unique slider with an animated call-to-action button.

Another cool slider with a custom made animation.

A simple and yet elegant slider with CSS3 animation.

A backward compatible slider with CSS3 rotation. Pretty cool!

A content slider with different design on each slide.

One of the famous technique – parallax slider.

Pretty cool concept, sort of like an accordion plus slider!

Honestly, I reckon this look like a carousel but it has a cool effect on it.
via queness