skip to content

Safari ONLY demonstration using -webkit transitions and also Google Chrome

13th August 2008

The Hay WainThe Haywain is an oil on canvas painting by John Constable. It was finished in 1821 and shows a hay wain near Flatford Mill on the River Stour at Flatford, Suffolk.

Flatford Mill was owned by Constable's father and the house on the left side belonged to a neighbour, Willy Lott (a tenant farmer), who was said to have been born in the house and never to have left it for more than four days in his lifetime. Willy Lott's house has survived to this day practically unaltered, but none of the original trees in the painting exist today. The water level is also higher as that area of East Anglia has sunk into the sea by one foot (30 cm) since Constable's time.

The Hay Wain is revered today as one of the greatest British paintings, but when it was originally exhibited at the Royal Academy in 1821 (under the title Landscape: Noon) it failed to find a buyer. It was considerably better received in France where it was praised by Théodore Géricault. The painting caused a sensation when it was exhibited with other works by Constable at the 1824 Paris Salon (it has been suggested that the inclusion of Constable's paintings in the exhibition were a tribute to Géricault, who died early that year). In that exhibition The Hay Wain was singled out for a gold medal awarded by Charles X of France, a cast of which is incorporated into the picture's frame. The works by Constable in the exhibition inspired a new generation of French painters, including Eugène Delacroix.

The painting was voted the second best painting in Britain in a 2005 poll organised by the Today programme in September 2005. It is currently exhibited at the National Gallery in London.

Source Wikipedia.

The Haywain

Information

This one is for Safari and Google Chrome users ONLY.

The previous exampe took a lot of CSS manipulation to get enlarging and fading images in all browsers, but now Safari can do it with just a couple of lines of style.

Hover over 'The Haywain' at the start of the text to see a fade in of the painting.

Hover over the small image of the Haywain to see it enlarge to full size.

REMEMBER this is for the latest version of SAFARI, all other browsers will see a sudden jump from one image to the next (except IE6 which will not see the image enlarge).

2nd September 2008

Amazingly enough, this also works in the new Google Chrome browser.

Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.




Recommended Sites

CSSplay web design/assistance

"The citroen.co.uk web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth


Advertise with CSSplay

CSS play pages

CSS (Design) - TOP.ORG

CSS play recommend

SitegrinderEarn from your site today with Netklix text adsFree, practical CSS menus, layouts, and examplesPSD to HTML