page transition – Thingography.com https://thingography.com More than a Photo Gallery Tue, 06 Nov 2018 15:29:36 +0000 en-US hourly 1 CSS Page Transition Animation https://thingography.com/css-transition/ https://thingography.com/css-transition/#respond Mon, 26 Mar 2018 17:46:51 +0000 http://thingography.com/?p=2393 .ani-box { margin: 0 auto; width: 100%; height: auto; position: relative; padding-bottom: 2em; top: 0; }

Page One – Losira Out

These examples of true transitional web pages are based on the Curtains and Transitional Advertisements demos. Web pages can be transitioned for enhanced
viewing just as photos are transitioned.

Trekies will remember the beautiful Kalandan Commander – Losira – whom inspired the first transition style.

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

Continued on page two….

]]>
https://thingography.com/css-transition/feed/ 0
CSS Page-2 Transition Animation https://thingography.com/css-transition-2/ https://thingography.com/css-transition-2/#respond Mon, 26 Mar 2018 17:46:21 +0000 http://thingography.com/?p=2397 #ani { margin: 0 auto; width: 100%; height: auto; position: relative; padding-bottom: 2em; top: 0; }

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….

]]>
https://thingography.com/css-transition-2/feed/ 0