Translate this Page

13+ 模拟 JavaScript 交互效果的纯 CSS 技术

<Date: 2010-05-22> <Author: > <Category: 前端设计> 查看评论
分享按钮

在用户界面这一块，使用 JavaScript 总能创造出丰富强大的交互效果。但只需一点想象力和创造力，仅仅通过 CSS 也可以实现相同类型的效果。以下是 13+ 模拟 JavaScript 交互效果的纯 CSS 技术，使我们不再用单一的方式实现需要的交互。你会发现，这些技术有些是非常有用的，而有些则证明能用纯 CSS 更为简单地实现。

如何使用纯 CSS 创建宝丽来相册

css only

使用 CSS3 创建 coda 效果的气泡

css only

使用 CSS 创建折叠菜单

css only

如何使用 CSS3 创建图像画廊

css only

纯 CSS3 悬停选项卡

css only

使用 CSS 创建类 JQuery 幻灯切换

css only

如何用 CSS 创建 Lightbox 弹出对话框

css only

纯 CSS 数据表

css only

CSS 气泡效果

css only

CSS 图片切换

css only

纯 CSS 折线图

css only

CSS3 表单提示

css only

纯 CSS 时间线

css only

英文原稿：13 Pure CSS Techniques for Creating JavaScript-like Interactions | Web Design Ledger
翻译整理：13+ 模拟 JavaScript 交互效果的纯 CSS 技术 | 芒果

本文来自: 13+ 模拟 JavaScript 交互效果的纯 CSS 技术

您或许也会喜欢：

  • 瀑布布局的JavaScript实现方式(0)
  • 抛弃 CSS Hacks 后的浏览器兼容方案(0)
  • 分享16个优秀的 CSS3 表单开发教程(0)
  • 前端设计中的浏览器CSS Hack汇总(0)
  • 三十款CSS样式选择器代码(0)
  • CSS 忍者：安全的 CSS hacks 秘籍(0)
  • 圆角头像的重构优化(0)
  • 10个很棒的 CSS3 开发工具(0)
  • CSS利用背景图做等高列(0)
  • CSS三列流式布局(0)
    • , ,
    分享按钮
    Theme
    Codename H    		Powered by
    Wordpress    		Host by
    HomeZZ.com    		Icons Designed by
    FAMFAMFAM    		Licensed under
    Creative Commons    		Put on Records
    苏ICP备05006650号    		Copyright 2009
    流金岁月 MissAge.Com