css animation sub-page – Thingography.com

CSS Page-2 Transition Animation

Thingography — Mon, 26 Mar 2018 17:46:21 +0000

Page Two – Losira Out

The Losira page transition also has an “onClick” audio as an added effect to go along with the page theme. The so called “Losira” effect was born from the Star Trek episode “That Which Survives” and is similar to the manner in which Kalandan commander transitioned out of the scene. This page style was included to show how transitions can add to a webpage’s theme or character.

First choose the movement direction of the ad…
Losira Out Scale Out Rotate Out

then view a few pages of that ad style.

Continued on page one….

Trans Man Page-2 CSS Transition

Thingography — Sun, 25 Mar 2018 23:59:24 +0000

Page Two

Other ideas include a monster trucks and bull-dozers pushing the page to transition… more ideas on next page…

Click the buttons below to watch the ‘Trans-Man’ page transition

Transitional Ads Page 2

Thingography — Sun, 25 Mar 2018 17:45:18 +0000

Page Two – Horizontal Slide

The idea in this example is to slide in an advertisement or notice on the page without cluttering up the page content or using popups, comparable to a commercial between television shows. Here are a few different sliding styles to demo.

view a couple of pages of the ad style.

Curtains-2 CSS Animation

Thingography — Sun, 18 Feb 2018 19:20:42 +0000

Page Two

This is my attempt to create a Curtain opening and closing effect to change webpages. The effect but works fairly well, but has a few issues in some browsers. Click a “Page” button below to see the Curtain transition effect. Page 1 has a white background to help distinguish pages. JavaScript was used to create the delay after clicking, so the curtains can close before going to the next page. The effect will only work when clicking the Page buttons