5个使用CSS3实现的常见效果


用纯CSS也可以实现各种各样很酷的效果了,甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行,有些只是展示并没什么实际 用途, 但仅用CSS实现出的这些效果似乎没什么可以挑剔的。

对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了 更多的选择。用纯CSS也可以实现各种各样很酷的效果了,甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行,有些只是展示并没什么实际 用途, 但仅用CSS实现出的这些效果似乎没什么可以挑剔的。

创建CSS3按钮的详细文章,有兴趣可以去看看。利用RGBA做出的阴影效果真的很棒!

2.CSS3柱形图

看起来相当不错 的3D柱形图。使用-webkit-transform或-moz-transform以及指定的偏移,你可以用CSS做出和图片一样令人印象深 刻的效果。

3. CSS3下拉菜单

CSS3弹出式下拉菜单,他展示了使用渐变图片和CSS创建的两个版本的菜单。

4. CSS3引用气泡

demo页面看看效果,尤其注意那个twitter的气泡,比twitter官方使用嵌入的方法好。

5. CSS3相册

展示HTML5网页效果的页面(HTML5和CSS3往往被联系在一起)。虽然这个使用CSS3创建的 Polaroid-style相册有些过渡和3D效果无法在所有的浏览器中运行,不过这真的是一个很酷的CSS3过渡效果的示例。

想看更多CSS3和HTML5的demo,请点击这里。



相关阅读:
Javascript 布尔型分析
Class与ID区别 margin和padding区别 CSS学习笔记
详解如何在Oracle中连接输出结果
MySQL参数是如何设置的
PHP编制搜索引擎的一些思路
请教一个正则表达式,匹配所有Html标签外部的指定字符串
Win7系统无法启动0xc000000e错误解决方法
PHP教程:isset() , unnset(), empty()
javascript之正则表达式基础知识小结
css多行多列的新闻模式
应用dos批处理文件经常用到的DOS常用命令
IIS常见问题和错误及其解决方案
Slackware Linux init 进程
ext实现完整的登录代码
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4