|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
破洛洛文章简介:保举:用CSS3做的各类网页效果.
用纯CSS也能够完成林林总总很酷的效果了,乃至是动画。固然有些效果不克不及跨扫瞄器(乃至是撑持CSS3的扫瞄器)运转,有些只是展现并没甚么实践用处,但仅用CSS完成出的这些效果仿佛没甚么能够抉剔的。关于计划职员和开辟职员来讲,CSS一向是web计划过程当中主要的一部分,跟着CSS3的呈现和愈来愈多的扫瞄器对它的撑持,计划师们有了更多的选择。用纯CSS也能够完成林林总总很酷的效果了,乃至是动画。固然有些效果不克不及跨扫瞄器(乃至是撑持CSS3的扫瞄器)运转,有些只是展现并没甚么实践用处,但仅用CSS完成出的这些效果仿佛没甚么能够抉剔的。
这里有5个利用CSS3完成的罕见效果,你能够即刻下手碰运气。
1.CSS3按钮
你能够创立一些巨细、色彩分歧的元素(如按钮),而不必每次都筹办一个背景图片。ZURB上有教你创立CSS3按钮的具体文章,有乐趣能够往看看。使用RGBA做出的暗影效果然的很棒!
2.CSS3柱形图
BenLister选列了良多有用的CSS3技能,包含这个看起来相称不错的3D柱形图。利用-webkit-transform或-moz-transform和指定的偏移,你能够用CSS做出和图片一样使人印象深刻的效果。
3.CSS3下拉菜单
WebDesignerWall的NickLa展现了怎样创立一个大度的CSS3弹出式下拉菜单,他展现了利用突变图片和CSS创立的两个版本的菜单。
4.CSS3援用气泡
这些由NicolasGallagher创立的纯CSS援用气泡看起来很棒,你能够略加修正作为你网页上的blockquote元素。
能够往Gallagher的demo页面看看效果,特别注重谁人twitter的气泡,比twitter官方利用嵌进的办法好。
5.CSS3相册
苹果方才推出了一些展现HTML5网页效果的页面(HTML5和CSS3常常被接洽在一同)。固然这个利用CSS3创立的Polaroid-style相册有些过渡和3D效果没法在一切的扫瞄器中运转,不外这真的是一个很酷的CSS3过渡效果的示例。
想看更多CSS3和HTML5的demo,请点击这里。
</p>
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 |
|