• 欢迎访问MACD实战投资网站,推荐使用最新版谷歌Chrome浏览器访问本网站,关注公众号 丁火甲木庚金 www.macd11.com/subscriptions

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

未分类 智子论道 15年前 (2010-07-19) 1150次浏览 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


macd11.com 和 丁火甲木庚金 公众号版权所有丨如未注明 , 均为原创丨转载请注明原文链接。
喜欢 (0)
[sp91@qq.com]
分享 (0)

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