• Transitions功能使用方法

在css3中,transitions功能通過(guò)將元素的某個(gè)屬性從一個(gè)屬性值在指定的時(shí)間內(nèi)平滑過(guò)渡到另一個(gè)屬性值來(lái)實(shí)現(xiàn)動(dòng)畫(huà)功能,可通過(guò)transitions屬性來(lái)使用transitions功能。

transitions屬性的使用方法如下所示:

transitions:property durantion timing-function

其中property表示對(duì)哪個(gè)屬性進(jìn)行平滑過(guò)渡,duration表示在多長(zhǎng)時(shí)間內(nèi)完成屬性值的平滑過(guò)渡,timing-function表示通過(guò)什么方法來(lái)進(jìn)行平滑過(guò)渡。例子如下:

移動(dòng)開(kāi)發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機(jī)開(kāi)發(fā)培訓(xùn),手機(jī)維修培訓(xùn),手機(jī)軟件培訓(xùn)

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Transitions功能的使用示例</title>
    <style>
      div{
          background-color: #ffff00;
          -webkit-transition: background-color 1s linear;
          -moz-transi