其實不難,但要手動用CSS調,若要置中放大,就要好好教準位置
js:$( this ).css( "transform", "scale(1.1)" );
$( this ).addClass("transformedObject");
CSS:
.transformedObject {
left: -5px;
top: -5px;
position: relative;
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1.1,
M12=0,
M21=0,
M22=1.1,
SizingMethod='auto expand');
/*
* To make the transform-origin be the middle of
* the object. Note: These numbers
* are approximations. For more accurate results,
* use Internet Explorer with this tool.
*/
margin-left: -14px;
margin-top: -6px;
}
留言
張貼留言