CodeMyUI

GSAP Banner Ad - Animating Clippath - A (300x250)

part of a set of mockups (eventually implemented a bit differently in a real ad platform) for a campaign last year. keeping a running collection of mocks here:

http://codepen.io/collection/DkeRzK/

A Pen by halvves on CodePen.

License.

CodeMyUI

GSAP Banner Ad - Animating Clippath - B (300x250)

part of a set of mockups (eventually implemented a bit differently in a real ad platform) for a campaign last year. keeping a running collection of mocks here:

http://codepen.io/collection/DkeRzK/

A Pen by halvves on CodePen.

License.

CodeMyUI

GSAP Banner Ad (728x90) (Mouse Position)

part of a set of mockups (eventually implemented a bit differently in a real ad platform) for a campaign last year. keeping a running collection of mocks here:

http://codepen.io/collection/DkeRzK/

A Pen by halvves on CodePen.

License.

CodeMyUI

GSAP Banner Ad (300x250) (Mouse Position)

part of a set of mockups (eventually implemented a bit differently in a real ad platform) for a campaign last year. keeping a running collection of mocks here:

http://codepen.io/collection/DkeRzK/

A Pen by halvves on CodePen.

License.

CodeMyUI

GSAP Banner Ad (300x250) (Autoplay)

part of a set of mockups (eventually implemented a bit differently in a real ad platform) for a campaign last year. keeping a running collection of mocks here:

http://codepen.io/collection/DkeRzK/

A Pen by halvves on CodePen.

License.

CodeMyUI

<div class="title">
  <span class="text write" data-splitting="lines">
    RETRO<br/>
    LASER<br/>
    WRITE
  </span>
  <span aria-hidden="true" class="text laser" data-splitting="lines">
    RETRO<br/>
    LASER<br/>
    WRITE

CodeMyUI

<p><span class="line1">Did someone say</span> <span class="line2" data-splitting>Variable Fonts?</span></p>

CodeMyUI

<canvas id="canvas"></canvas>
<h1>Secret</h1>

CodeMyUI

button(class='order')
  span(class='default') Complete Order
  span(class='success') Order Placed
    svg(viewbox='0 0 12 10')
      polyline(points='1.5 6 4.5 9 10.5 1')
  div(class='box')
  div(class='truck')
    div(class='back')
    div(class='front')
      div(class='window')

CodeMyUI

Download Button Animation

A Pen by Aaron Iker on CodePen.

License.