让人惊叹的超炫网页演示:这真是CSS3写的么
来源:互联网 发布:罗技无线鼠标 知乎 编辑:程序博客网 时间:2024/05/07 14:52
正在发展中的 CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享14个让人惊叹的 CSS3 特性应用演示,让大家感受一下 CSS3 的魅力。
Monster
使用 CSS3 绘制的奇怪生物,移动你的鼠标看看会有什么效果?小心被吃了啊!
Tilt Shift
CSS3 实现的文本立体效果和旋转效果,点击文字进入编辑状态,可以输入文字。
Leica
这是一张相机图片?No!这是纯 CSS3 绘制的莱卡相机,未使用任何图片。
Responsive Illustration
使用 CSS3 Media Query 特性实现的响应式设计(Responsive Design)的示例。
Portals
纯 CSS3 实现的时光隧道效果,让人不敢相信使用 CSS 代码就能写出这样的效果。
Bowie
惟妙惟肖的眨眼效果,非常的生动!
Focus
内容焦点效果,鼠标悬浮的地方内容自动聚焦。
Rain
这个演示模拟的是雨滴下落的效果,鼠标悬浮后移开,字符就会下落。
Carve Me
文本内阴影效果,可以模拟出雕刻的效果,使用 CSS3 text-shadow 特性实现。
Bokeh
使用 CSS3 渐变特新实现的类似摄影中的散景(Bokeh)效果。
Flashlight
使用 CSS3 特性模拟的非常特别的光照效果。
Icons
会动的图标,鼠标悬浮即可看到效果。
Solar System
使用 CSS3 特性模拟的太阳系(Solar System)。
3D Domo
使用 CSS3 绘制的立体人物,他的名字叫 DOMO。
- 让人惊叹的超炫网页演示:这真是CSS3写的么
- CSS3实例教程:超炫的网页进度条
- 让人惊叹的真实历史事件
- 让人惊叹的真实历史事件
- Lua,让人惊叹的艺术!
- 八个让人惊叹的时尚趣闻
- html5写的超炫3D演示
- 超酷的CSS3网页加载效果
- 真是令人惊叹啊: 强悍的纸制周雕塑
- 真是令人惊叹啊: 强悍的纸制周雕塑 续集
- 线性算法的让人惊叹的效率
- 22个精心挑选的超棒CSS3在线演示
- [转贴]让世界人惊叹!——中国的创意
- 让人惊叹的Android Studio快捷键总结
- 让人惊叹的Android Studio快捷键总结
- 让人惊叹的Android Studio快捷键总结
- 【CSS3初探之变形与动画】令人惊叹的CSS3
- 惊叹!Ajax做的网页版中国象棋
- 【Android】 AsyncTask
- Facebook:HBase每月存储1350亿条信息
- js 如何动态改变div的位置
- hdu1236
- 组件化程序设计和面向对象程序设计
- 让人惊叹的超炫网页演示:这真是CSS3写的么
- TCP之send函数研究
- 统计管理人员的办理业务数量
- 中央二台 超级保姆
- 那个,你是怎么玩游戏的?
- 额滴神呀,测试驱动开发真的有效!
- nginx 与fastcgi、及动态语言配合的工作原理
- 一种可以避免数据迁移的分库分表scale-out扩容方式
- linux双网卡绑定(官方文档翻译)4