Ive decided to update the index to a static work in progress. Eventually I want a system of Postcards for each Artwork/Project. For my own site I’m only interested in supporting browsers I actually use: Firefox/Chrome. In Chrome/Safari I’m making use of 3D transforms to animate the postcards flipping. In Firefox it simply cuts straight to the other side, crude but its obvious that it has “flipped”.
The “flip” will occur if JavaScript is disabled on :hover after js enhancement the :hover rules are removed from the Postcards.css stylesheet via the DOM and the animation happens when the class ‘flipped’ is toggled.
I decided that the back of the postcard would have no rotation on x/y as it makes it easier to read and the font behaves in Firefox and Safari the font can look a bit chunk on some angles the text in Firefox would jump up and down as if aligned to a jagged line, Chrome does a really nice job – I really need to start using it more than Firefox, hard to break the habit but Firefox still doesn’t support 3D transforms lest time I checked.
A lot of the pics I had on Flickr gotz deleted by mistake so there’s a few pages of empty images :( – Will work on fixing but too tired now :P