gavin-hall

BBC - 13 Minutes to the Moon

From the BBC's series: https://www.bbc.co.uk/programmes/w13xttx2

I initially tried it with html/css masking/clipping but it was very poor cross browser with the things I needed to do with background-clip: text; So just went all out SVG which is far easier.

A Pen by Pete Barr on CodePen.

License.

gavin-hall

CSS Gooey Menu (Version 2)

Gooey menu with CSS and SVG filters. Version 2

A Pen by Lucas Bebber on CodePen.

License.

gavin-hall

Button Hover Effects

Some button hover effects using psuedo elements and borders.

A Pen by Kyle Brumm on CodePen.

License.

gavin-hall

Anime.js + ScrollMagic Scroll Based Animations

A example of using ScrollMagic to trigger Anime.js animations. Some of the animations are set to play when triggered and some are set to progress as the user scrolls the page.

A Pen by Rex Bullington on CodePen.

License.

gavin-hall

.container
  - for (i = 0; i < 400; i++)
    .trigger
  .monitor
    .camera.o-x
      .camera.o-y
        .camera.o-z
          .vr
            - for (i = 0; i < 20; i++)
              .vr_layer