標籤：int yellow xpl internet html5 explorer 圖片 head 黃色
<!DOCTYPE html><html><head><style> div{width:100px;height:100px;background:yellow;transition:width 2s, height 2s;-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */}div:hover{width:200px;height:200px;transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox 4 */-webkit-transform:rotate(180deg); /* Safari and Chrome */-o-transform:rotate(180deg); /* Opera */
-webkit-transform:translate(200px,200px); /* 到達的位置*/
}</style></head><body><div>請把滑鼠指標放到黃色的 div 元素上，來查看過渡效果。</div><p><b>注釋：</b>本例在 Internet Explorer 中無效。</p></body></html>
html5 圖片旋轉 --位置定位
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
