HTML and CSS Reference
In-Depth Information
Syntax
transition-timing-function:
timingfunction
[
,timingfunction2,
...timingfunctionN
]
where
timingfunction
is one of the following values:
cubic-bezier(
number
,
number
,
number
,
number
) | ease | ease-in | ease-in-out |
ease-out | linear
The default value is
ease
.
Example
<div id="d1" style="-webkit-transition-property: height, width;
-webkit-transition-duration: 5s;
-webkit-transition-timing-function: ease-out, ease-in;
transition-property: height, width;
transition-duration: 5s;
transition-timing-function: ease-out, ease-in;
background-color: red;
height: 100px;
width: 100px;
text-align: center;">
Click me
</div>
O
NLINE
http://htmlref.com/ch6/transitiontiming.html
Compatibility
CSS3 Proposed
Chrome 2+, Firefox 3.7+, Safari 3.1+
Notes
• WebKit supports this property as
-webkit-transition-timing-function
.
Firefox browsers would use a
-moz
prefix.
• The similarity with animation properties suggests that CSS transitions may include
similar syntax or that one syntax form may prevail eventually.
• Firefox support is based upon a pre-release version currently numbered as 3.7,
though this is subject to change.
user-select
This property defines the text selection policy for various portions of a document.
Syntax
user-select: all | none | text
where the default value
all
allows for selection.
Examples
<p>
This is regular text you should be able to select it.
</p>
