分类目录归档:CSS
25+ 个新的 HTML5 + CSS3 的网站实例
不管你怎么看,HTML5 + CSS3 是 Web 网站开发技术的趋势。本文介绍的这二十几个使用 HTML5 和 CSS3 技术开发的网页,看起来非常的新颖,富有创意。实用价值倒在其次,关键是感受一下 HTML5 和 CSS3 给我们带来的全新体验。
Adobe – The Expressive Web
OrangeSprocket
Har Du Det I Deg
HTC
Beercamp 2012
Suit Up or Die Magazine
Casey Britt
Lois Jeans
Glamour.biz
Bobadilium
Societe Generale
Whiteboard
Ghost Horses
FiftyThree
lend your leg
Marcus Thomas
KRYSTALRAE
Capitol Couture
Air Jordan 2012
Bikes aus Düsseldorf
Nature Valley Trail View
Pulpfingers
Discover Bagigia
Superlovers
Soleil Noir 2012
Guns N Roses
IE8兼容IE7 CSS的头部标签
只需要在页面<HEAD>中加入以下标签 推荐在head部分的最上方添加
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
这样在IE8上浏览网页就和IE7上的显示效果一致了
11 个创新的网站滑动效果设计案例展示
图片的滑动展示在网站设计中使用非常普遍,可用于解决方案、产品和服务的各种展示,而借助 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