Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
19 lines (12 sloc) 737 Bytes


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