Resizing Web Page Elements with CSS3

Rishabh

• 6857
• 24
• 2

Just a simple trick I wanted to demonstrate. You can resize the elements in the demo (using the handle at bottom right on each of them) which has just been achieved with the CSS3 property resize: both. The image resizes because it has width and height set to 100%.

Remember: The resize property only applies to elements whose overflow value is set to something other than "visible". In this case it's overflow: hidden.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room