• 欢迎访问极客公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入极客公园 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 百度口碑求点赞啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊http://koubei.baidu.com/s/gitcafe.net
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏极客公园吧

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

未分类 智子论道 14年前 (2010-07-19) 1103次浏览 0个评论

在用户界面这一块,使用 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


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:13种模拟JavaScript交互效果的纯CSS技术
喜欢 (0)

您必须 登录 才能发表评论!