HTML and CSS Reference
In-Depth Information
width:120px;background-color:blue;-webkit-transform:rotateY(55deg);">
Child gains perspective.
</div>
</div>
Compatibility
CSS3
Safari 4+
Notes
• WebKit supports this property as
-webkit-perspective-origin
, though it is
currently only available in the iPhone and the development builds of Safari 4+ on
Macs.
• This property only works in conjunction with the
-webkit-perspective
property.
resize
This CSS3 property is used to define whether an element should be resized and, if so, upon
what axis.
Syntax
resize: both | horizontal | none | vertical
Examples
<div style="height: 100px;width: 100px;margin: 100px;border: 1px solid
black;overflow: auto;resize: both;">
Resize both ways
</div>
<form action="#" method="get">
<div><label>
Username:
<input type="text" name="username" style="resize: horizontal;">
</label></div>
<div><label>
Comments:
<textarea name="comments" style="resize: vertical;"> </textarea>
</label>
</div>
</form>
