CodePen preview

For example, on CodePen, you visit any particular Pen to get the embed code, click “Embed” in the footer, choose options, and ultimately get the embed code.

Live View is a CodePen PRO feature. When you go PRO, all of your Pens will have Live View automatically. Go to a Pen you own, open the Change View menu, and click the Live View option .

You can access the Full Page view of any Pen from the “Change View” menu in the header. Select “Full Page View” .

2 Answers

Shift-click to zoom out. Mousewheel up/down over the canvas to zoom in to/out from that location.

To get the code, click the “Embed” button in the footer of the Editor on any Pen . Or, select “Embed Pen” from the export menu. This will open the Embed Builder. The Embed Builder helps you customize your embed.