page contents

WEB前端教程:初步接触 CSS 2D 变形

熟悉 CSS transform 各项子属性 理解 CSS transform 2D 变形

attachments-2022-10-7yFllUEB635f3634c4404.png课程目标

  • 熟悉 CSS transform 各项子属性
  • 理解 CSS transform 2D 变形

  阅读

  编码

通过 CSS transform 实现如下图所示效果,要求达到对设计稿的百分百的还原。 

下载设计图源文件(opens new window)

  • 其中,你应当实现的变换效果已经在 PSD 中标明 

  要求

  • 注意不同浏览器中的兼容性
  • 请注意代码风格的整齐、优雅
  • HTML 及 CSS 代码结构清晰、规范
  • 代码中含有必要的注释


更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

长按或扫描下方二维码,免费获取 Python公开课和大佬打包整理的几百G的学习资料,内容包含但不限于Python电子书、教程、项目接单、源码等等

attachments-2022-10-Oe4fNkF3635f35cd9f098.jpg

0 条评论

请先 登录 后评论
小柒
小柒

1478 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1478 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章