介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt;才能title>翻译和transition
& lt;/head>
& lt; body>
& lt; style 类型=拔谋?css"比;
div {才能
,,,宽度:,100 px;
,,,身高:,75 px;
background - color,,,:,红色;
边境:,,,,1 px solid 黑色;
,,}
div # translate {才能
,,,的转变:,all 2 s;
,,,-ms-transition:, all 2 s;
,,,-webkit-transition:, all 2 s;
,,}
div#才能翻译:{徘徊
,,,变换:,翻译(50 px,, 100 px);
,,,-ms-transform:,翻译(50 px,, 100 px);
,,,-webkit-transform:,翻译(50 px,, 100 px);
,,}
& lt;/style>
& lt; div>你好,,却;能够is a Div element
& lt; div id=& # 39;翻译# 39;祝辞你好,,却;能够is another div element这篇文章给大家分享的是有关css3中转化和过渡怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
示例:
