返回介绍

7.5 小结

发布于 2024-08-18 00:24:15 字数 682 浏览 0 评论 0 收藏 0

有关CSS3过渡、变形和动画的内容,足足可以写好几本书。但是我希望通过本章蜻蜓点水般的学习,你能了解它们的基本知识并让它们运行起来。其实,我们采用CSS3新特性和技巧的最终目的,是想使用CSS3来替代JavaScript制作一些优雅精美的增强效果,从而使响应式设计的代码更加简洁、效果更加丰富。本章我们学习了CSS3过渡是什么,以及如何编写相应代码,了解了ease、linear等调速函数,并在响应式设计中应用它们制作了简单但有趣的效果。还学习了缩放、斜切等2D变形,以及如何将它们与过渡组合使用。此外,还在学习CSS3动画的强大功能与简洁语法之前,简单了解了3D变形。你要相信自己的CSS3功力正在不断增长!

但是,如果网站设计中有一个领域是我尽可能避免谈及的(就如我拼命不想看《慕尼黑》或《金刚》一样),那肯定就是表单。我不知道为什么,只是一直觉得制作表单是件单调乏味的事儿。当我知道了HTML5和CSS3可以让表单的制作、美化甚至验证(没错,就是验证!)过程都比以往简单很多时,简直把我给乐坏了。我高兴得都手舞足蹈了,相信到时候你也会跟我一样。下一章我们就来学习HTML5表单。

【注释】

(1)该网站最新版的CSS代码中没有这句代码,所有元素都应用过渡效果,影响性能。——译者注

(2)Matrix即电影《黑客帝国》,详见http://baike.baidu.com/view/180529.htm#sub5119498。——译者注

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文