8 Shots + 3 Attachmentscodepen.io/petebarr More
November 02, 2017
This is a 404 page I did for the Design Challenge in Net Magazine's 300th Special Edition. I also did a prototype animation on Codepen at https://codepen.io/petebarr/pen/jaboaw You can also view the video of it here: https://cdn.dribbbl...
November 29, 2016
A CodePen 'pen' I just did based on Paolo Ceric's weird and wonderful animated gif, using svg and GSAP. It's pretty processor intensive with the blur effects. http://codepen.io/petebarr/pen/BQwqpZ http://patakk.tumblr.com/
November 13, 2016
Another GSAP one liner on CodePen. http://codepen.io/petebarr/pen/qqdajE Try changing the easing to create some abstract results with odd wave patterns, e.g. Bounce.easeOut. Starting to wonder if I have a thing for circles ;-) Using ea...
November 07, 2016
A very simple pulse animation with basically one line of GSAP code to create the effect. Have a look at my CodePen to see it a little more fluid: http://codepen.io/petebarr/pen/dOPeER
November 06, 2016
Shows the simplicity of DrawSVG with stagger on an SVG mask. Has a little bit of CSS 3D added to it too. Apple Watch is just a frame to make it look interesting, I know ;-) View the code on CodePen: http://codepen.io/petebarr/pen/dOyQmy
November 02, 2016
Have a gander at it on Codepen: http://codepen.io/petebarr/pen/KgGvWj Or the full thing if you have a competition code ;-) https://www.rocketgiveaway.com/ This work was done whilst employed at Murray Creative.
November 02, 2016
Experimenting with smooth curve path animations in SVG with GSAP on CodePen, inspired by Pasquale D'Silva's shot. Check out the code at: https://codepen.io/petebarr/pen/edqwOP Pasquale D'Silva's: https://dribbble.com/shots/511523--gif-B...
October 30, 2016
A little GSAP & SVG gooey loader effect inspired by Marcel Robert's Dribbble shot. See it in CodePen http://codepen.io/petebarr/pen/ALwKxW