CSS3 Resize

Firefox 4, Safari and Chrome

20th May 2011


Blow, Blow, Thou Winter Wind

William Shakespeare

Blow, blow, thou winter wind,
Thou art not so unkind
As man's ingratitude;
Thy tooth is not so keen
Because thou art not seen,
Although thy breath be rude.
Heigh-ho! sing heigh-ho! unto the green holly:
Most friendship is feigning, most loving mere folly:
Then, heigh-ho! the holly!
This life is most jolly.
Freeze, freeze, thou bitter sky,
Thou dost not bite so nigh
As benefits forgot:
Though thou the waters warp,
Thy sting is not so sharp
As friend remember'd not.
Heigh-ho! sing heigh-ho! unto the green holly:
Most friendship is feigning, most loving mere folly:
Then, heigh-ho! the holly!
This life is most jolly.

Seven Ages Of Man

William Shakespeare

All the world's a stage,
And all the men and women merely players,
They have their exits and entrances,
And one man in his time plays many parts,
His acts being seven ages. At first the infant,
Mewling and puking in the nurse's arms.
Then, the whining schoolboy with his satchel
And shining morning face, creeping like snail
Unwillingly to school. And then the lover,
Sighing like furnace, with a woeful ballad
Made to his mistress' eyebrow. Then a soldier,
Full of strange oaths, and bearded like the pard,
Jealous in honour, sudden, and quick in quarrel,
Seeking the bubble reputation
Even in the cannon's mouth. And then the justice
In fair round belly, with good capon lin'd,
With eyes severe, and beard of formal cut,
Full of wise saws, and modern instances,
And so he plays his part.
The sixth age shifts
and mere oblivion,
Sans teeth, sans eyes, sans taste, sans everything.






copyright © stu nicholls - CSS play

Information

Just exploring the possible uses of the CSS3 'resize' style.

The three boxes above can be expanded in a similar way to form text input boxes, and you can style these to expand vertically or horizontally or both.

So if you are using Firefox 4, Safari or Chrome then just grab the bottom right corner of these boxes and drag them to resize. The first two resize vertically and the third resizes in both directions.


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.



Please Support CSS play

Please note that if your donation is for a demo/menu then you will need to email me with the url of the demo/menu after making the donation

For more CSS demonstrations I recommend that you visit the Dynamic Drive CSS Library.


Free, practical CSS menus, layouts, and examples

Soft Geometry Creative Industries

Soft Geometry Creative Industries
is a music-based design company located in Bristol UK.
I create artwork for albums, singles, posters and t-shirts.
My work is influenced by punk and post-punk poster and flyer design,
lo-fi photocopy aesthetics,
Francis Bacon and Mark Rothko.

I can provide a start to finish service with my own art and photography, put together work from images provided by yourself, and collaborate on an idea.
softgeometrycreative{at}gmail.com

Follow CSS play


Facebook   Twitter   Facebook Fan Page