user profile image

This is the reference design for my Javascript pen: http://codepen.io/CodeBoomer/pen/qaOWJE

The JS Pen can be included as a JS file in other pens, simply insert the meta tags in the HTML head, update your content and voila, a YouTube CTA that links to the video.

The hover transition is clip: rect() with visibility and opacity. I used this because I wanted to keep the element simple and it would've got too complicated to managed the overflow of a bottom up translate effect.

Please let me know of any ideas/improvements in the comments below


  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.