CodePen

在线前端代码编辑器与展示社区，寻找前端灵感的天堂。

主要功能与特点

• 即时预览：编写 HTML/CSS/JS，右侧即可看到实时的渲染效果。
• 海量 Pens 展示：发现全球设计师创作的惊艳 CSS 动画和交互组件。
• 支持多种预处理器：内置集成了 Sass, Less, Babel, TypeScript 等。
• 开源共享：大多数作品都可以直接分叉 (Fork) 并运用到自己的项目中。
• 简单嵌入：可以将你的代码作品以嵌入件的形式展示在博客或官网上。

为什么选择 CodePen？

CodePen 是前端艺术家的游乐场。无论你是想测试一个样式点子，还是想模仿一个复杂的网页动画，这里提供的纯净环境和活跃社区都能给你无限启发。