Black & White / Color CSS Transition
Currently testing Black & White to Color image transitioning with two images. Linear transition seems to produce the desired effect over ease-in/ease-out. Instead of testing with one black & white image fading in/out to color, an M. C. Escher pattern was selected for a quasi-optical illusion effect.

The intent is to test this vs. HTML + jquery requiring only one color image. Go to the blog main page for a live demo.

5 notes
Tagged: css, html, patterns, web design, tumblr, dashboard, theme, .
  1. ohnemitleid posted this

Welcome to my CSS Toy Box

This is where I test CSS toys. You are currently looking at a variant of Steven Bradley's 3 Column CSS Layout.

This Simple Auto-Playing Slideshow might move a bit fast, but each slide either contains a link or actually is a link. There is a wee bit of jquery in use for the slideshow to function.

The Title is a good example of a CSS Toy. Blurred text changing to 3D Text with a CSS timed transition.

Initially all I wanted was to create Post Drop-Shadows without using images. This rapidly grew into something else.

I've seen a lot of fancy tricks for links, but most of them required javascript or some variant. I wanted a pure CSS Slider menu, hopefully one that allowed images.

Please take a look around. There are lots of little things I have toyed with, from the rounded inner corners of the avatar frame to the linear gradient background with a semi-opaque "noise" filter overlay.

I'm trying to utilize what I have learned, not just post links to what you might be able to do with CSS. Enjoy!