Babel includes JSX processing.
Any URL's added here will be added as
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<h1>3D Carousel</h1> <div class="carousel_wrapper"> <div class="carousel"> <div class="slide one"> <img src="http://nasa-images.com/wp-content/uploads/2011/05/392.jpg" /> </div> <div class="slide two"> <img src="https://images.unsplash.com/photo-1487235829740-e0ac5a286e1c" /> </div> <div class="slide three"> <img src="https://images.unsplash.com/photo-1473813585561-ec87eac91e39" /> </div> <div class="slide four"> <img src="http://nasa-images.com/wp-content/uploads/2011/05/261.jpg" /> </div> <div class="slide five"> <img src="http://hdwallpaperfun.com/wp-content/uploads/2014/08/Outer-Space-Wallpaper-Background-HQ.jpg" /> </div> <div class="slide six"> <img src="https://images.unsplash.com/photo-1479409286066-c0b2f4f4a332" /> </div> <div class="slide seven"> <img src="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/04/space-wallpaper-4.jpg" /> </div> <div class="slide eight"> <img src="http://shareyourwallpapers.com/upload/wallpaper/3d-and-digital-art/3d-space/3d-space_f48db6ca.jpg" /> </div> <div class="slide nine"> <img src="https://images.unsplash.com/photo-1446776709462-d6b525c57bd3" /> </div> </div><!-- / .carousel --> </div><!-- / .carousel_wrapper --> <!-- SUN IMAGE HERE: https://chivethebrigade.files.wordpress.com/2012/03/sun-920-32.jpg -->
Also see: Tab Triggers