Create a “PowerPoint”-Like Presentation Using Pure CSS3

Kezz Bracey

Aug 4, 2015 • 1 min read

CSS3 is for more than just websites. In this project from my recent CSS3 course, you’ll learn how to create a presentation worthy of accompanying any speech.

We’ll be using CodePen to build this project, so you can start by having a look at the base pen, and then see the final result here:

Watch the video below for complete instructions on how to create these slideshow effects using CSS3.

Watch the Tutorial

Watch the Full Course

In the full course, 10 CSS3 Projects: Branding and Presentation, you’ll be using CSS3 to complete ten branding and presentation projects, from a personal business card to a polaroid-style image gallery. These projects will help you understand some of the newest design techniques that CSS3 brings to the table.

HTML/CSS CSS

Did you find this post useful?

Yes No

Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.