您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > 网页设计 >
    Web技术前沿:那些让人惊叹的 CSS3 应用演示
    时间:2016-07-13 21:12 来源: 作者: 浏览:收藏 挑错 推荐 打印
    正在发展中的 CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享14个让人惊叹的 CSS3 特性应用演示,让大家感受一下 CSS3 的魅力。

    Monster

    使用 CSS3 绘制的奇怪生物,移动你的鼠标看看会有什么效果?小心被吃了啊!
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Tilt Shift

    CSS3 实现的文本立体效果和旋转效果,点击文字进入编辑状态,可以输入文字。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Leica

    这是一张相机图片?No!这是纯 CSS3 绘制的莱卡相机,未使用任何图片。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Responsive Illustration

    使用 CSS3 Media Query 特性实现的响应式设计(Responsive Design)的示例。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Portals

    纯 CSS3 实现的时光隧道效果,让人不敢相信使用 CSS 代码就能写出这样的效果。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Bowie

    惟妙惟肖的眨眼效果,非常的生动!
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Focus

    内容焦点效果,鼠标悬浮的地方内容自动聚焦。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Rain

    这个演示模拟的是雨滴下落的效果,鼠标悬浮后移开,字符就会下落。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Carve Me

    文本内阴影效果,可以模拟出雕刻的效果,使用 CSS3 text-shadow 特性实现。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Bokeh

    使用 CSS3 渐变特新实现的类似摄影中的散景(Bokeh)效果。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Flashlight

    使用 CSS3 特性模拟的非常特别的光照效果。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Icons

    会动的图标,鼠标悬浮即可看到效果。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    Solar System

    使用 CSS3 特性模拟的太阳系(Solar System)。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    3D Domo

    使用 CSS3 绘制的立体人物,他的名字叫 DOMO。
    Web技术前沿:那些让人惊叹的 CSS3 应用演示

    (责任编辑:12图资源库)