HTML5 & CSS3 Animation Ad for PMG
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


HTML5 & CSS3 Animation Ad for PMG.

I was given a .PSD file to work with. Here is what I came up with for an Ad Animation. CodePen Demo

My Process

  • Take the provided .PSD file and convert it to .SVG.
  • Break each part of the .SVG into classes or id, as needed.
  • Use CSS3, keyframes to animate.

Credits && Tech-use

Special thanks: to Liz Rodriguez for the brainstorm, listening to my confusion, trying to export this file. And wanting to come along on my journey with this project.

Thanks to Mijin, Graphic Designer with the tool to convert this file.

PureCSS for Grid