根據CSS3過渡：

div

{

transition-property: width;

transition-duration: 1s;

transition-timing-function: linear;

transition-delay: 2s;

}

transition-property：指定應用轉換的CSS屬性的名稱.

transition-duration：定義轉換所需的時間長度.默認值為0.

transition-timing-function：描述如何計算轉換期間的速度.默認“輕松”.

transition-delay：定義轉換何時開始.默認值為0.

剩下的所有其他財產：

transition：用于將四個過渡屬性設置為單個屬性的簡寫屬性.

div

{

transition: width 1s linear 2s;

}

或者如果你想使用普通的css偽類：

給出這個HTML：

Click me!

使用這些偽類：

button { }

button:hover { background-color: lime; }

button:active { background-color: fuchsia; }

button:focus { background-color: yellow; }

：鼠標懸停在元素上方.

：active是單擊元素(并保持)的時間.

：焦點是當您選中元素時.

希望能幫助到你！

總結

以上是生活随笔為你收集整理的css3点击会移动到点,CSS3过渡点击事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。