Thingography.com https://thingography.com More than a Photo Gallery Wed, 07 Nov 2018 21:07:13 +0000 en-US hourly 1 Flower Photo Medley Video https://thingography.com/vid-flower-medley/ https://thingography.com/vid-flower-medley/#respond Wed, 07 Nov 2018 20:33:46 +0000 https://thingography.com/?p=2691 My first attempt to make a flower slideshow with music

]]> https://thingography.com/vid-flower-medley/feed/ 0 Waterfalls https://thingography.com/vid-waterfalls/ https://thingography.com/vid-waterfalls/#respond Wed, 07 Nov 2018 20:33:11 +0000 https://thingography.com/?p=2694 A video of a waterfall on one of my dog walks.

]]> https://thingography.com/vid-waterfalls/feed/ 0 Blur Part of an Image https://thingography.com/vid-blur-face/ https://thingography.com/vid-blur-face/#respond Wed, 07 Nov 2018 19:31:40 +0000 https://thingography.com/?p=2688 This video shows how to blur a face in a photo using Paint.net

]]> https://thingography.com/vid-blur-face/feed/ 0 CSS Animation: Airplane Banner https://thingography.com/vid-airplane-banner/ https://thingography.com/vid-airplane-banner/#respond Wed, 07 Nov 2018 19:25:18 +0000 https://thingography.com/?p=2676 This video is screen capture of a CSS animation that can be found here – https://thingography.com/css-airplane-banner/ – one of my first animations – a bit crude

]]> https://thingography.com/vid-airplane-banner/feed/ 0 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 Trans Man Page-2 CSS Transition https://thingography.com/css-trans-man-2/ https://thingography.com/css-trans-man-2/#respond Sun, 25 Mar 2018 23:59:24 +0000 http://thingography.com/?p=2387

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


]]> https://thingography.com/css-trans-man-2/feed/ 0 Trans Man Page CSS Transition https://thingography.com/css-trans-man/ https://thingography.com/css-trans-man/#respond Sun, 25 Mar 2018 23:59:15 +0000 http://thingography.com/?p=2382

Page One

The effect is a man pushing the web page off screen forcing the next one to replace it…

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


]]> https://thingography.com/css-trans-man/feed/ 0 Transitional Ads Page 2 https://thingography.com/css-transad-2/ https://thingography.com/css-transad-2/#respond Sun, 25 Mar 2018 17:45:18 +0000 http://thingography.com/?p=2360

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.

]]> https://thingography.com/css-transad-2/feed/ 0 Transitional Web Page Advertisements with CSS Animation https://thingography.com/css-transad/ https://thingography.com/css-transad/#respond Sat, 24 Mar 2018 22:51:52 +0000 http://thingography.com/?p=2325

Page One – 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.

Continued on page two….

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