5 User Interface Properties
In CSS3, the new user interface features include resetting element size, and the like, and the outline box size. This section focuses on what resize property, only Firefox 4 and Safari 3 browser support this property. property can be used to resize the textarea redefined size possible values include the following.
Ø none: UserAgent size adjustment mechanism is not provided, the user can not adjust the size of the element.
Ø both: UserAgent provides bi-size adjustment mechanism, the user can adjust the width and height of the element.
Ø horizontal: UserAgent Providing unidirectional horizontal size adjustment mechanism, the user can adjust the width of the element.
Ø vertical: UserAgent Providing unidirectional vertical size adjustment mechanism, the user can adjust the height of the element.
The sample code is as follows:
6 animation properties
CSS3 perhaps the most exciting additions is to produce animation without JavaScript elements. CSS3 animations There are three common attributes: transform ﹑ ﹑ transition animation. Although it looks transform property animation effects can be achieved, but it is essentially static, in fact, a graphic transformation tools; and transition property is a simple animation properties, very simple to operate; animation property is a veritable animated property, It is an extension of transition property, but very powerful, you can define multiple keyframes and property values each keyframe the elements to achieve complex animations. The following example uses a transition property imitation effect, when the mouse over the link to the right, the right slide text.
