Transitions功能使用方法
在css3中,transitions功能通過將元素的某個(gè)屬性從一個(gè)屬性值在指定的時(shí)間內(nèi)平滑過渡到另一個(gè)屬性值來(lái)實(shí)現(xiàn)動(dòng)畫功能,可通過transitions屬性來(lái)使用transitions功能。
transitions屬性的使用方法如下所示:
transitions:property durantion timing-function
其中property表示對(duì)哪個(gè)屬性進(jìn)行平滑過渡,duration表示在多長(zhǎng)時(shí)間內(nèi)完成屬性值的平滑過渡,timing-function表示通過什么方法來(lái)進(jì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