今天偶然发现一神器——codepen，可以直接在线调试代码，而且可以实时可视化编辑，还可以直接引用到博客当中，非常方便，推荐给大家。
使用方法：登录codepen.io，然后点击“newpen”，就可以在编辑器里写你的代码了，写完save之后可以在share里面点击embed，然后点击右上角的代码复制粘贴框下面的iframe即可复制到你的博客上了，就像下面这样。
下面是我随便做的一个布局图，做个例子：
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
前端利器CodePen和Scrimba了解一下
两个有意思的网站 - CodePen 与 Scrimba
赞！15个来自 CodePen 的酷炫 CSS 动画效果
https://codepen.io/deadzq-the-decoder/pen/qBqQYXg
[转]Ionic系列——CodePen上的优秀Ionic_Demo
15个来自 CodePen 的酷炫 CSS 动画效果【下篇】
CodePen 作品秀：Canvas 粒子效果文本动画
vuepress 构建的 UI 组件库插件 打开 codepen 在线代码预览 bug
使用
Springboot使用JdbcTemplate的使用