網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目10 使用CSS動畫

項(xiàng)目10使用CSS動畫一.填空題1．CSS動畫分為和這兩種類型。答案：transition、animation2．____________功能支持屬性從一個(gè)值平滑過渡到另一個(gè)值，由此產(chǎn)和漸變的動態(tài)效果。答案：transition3．____________功能支持通過關(guān)鍵幀產(chǎn)生序列漸變動畫，每個(gè)關(guān)鍵幀中可以包含多個(gè)動態(tài)屬性。答案：animation4．transform屬性的作用是____________________________________________。答案：該屬性允許設(shè)計(jì)者對元素進(jìn)行旋轉(zhuǎn)、縮放、移動或傾斜。5．旋轉(zhuǎn)函數(shù)是_____________，縮放函數(shù)是_______________，移動函數(shù)是______________。答案：rotate()、scale()、translate()二.單項(xiàng)選擇題（只有一個(gè)正確答案）1．定義幀動畫的名稱是哪個(gè)屬性（）。A．\o"CSS3animation-name屬性"animation-nameB．\o"CSS3animation-duration屬性"animation-durationC．\o"CSS3animation-direction屬性"animation-directionD．\o"CSS3animation-delay屬性"animation-delay答案：A 2．設(shè)置\o"CSS3animation-timing-function屬性"animation-timing-function屬性值為ease，其效果（）。 A．相對于勻速，中間快，兩頭慢。B．相對于勻速，開始的時(shí)候慢，之后快。C．相對于勻速，開始時(shí)快，結(jié)束時(shí)候間慢。D．相對于勻速，（開始和結(jié)束都慢）兩頭慢。答案：A3．a(chǎn)nimation-direction設(shè)置反向播放的值是（）。A．normalB．reverseC．a(chǎn)lternateD．a(chǎn)lternate-reverse答案：B4．a(chǎn)nimation-duration的值可以以（）為單位的A．時(shí)B．分C．秒D．天答案：C5．規(guī)定在動畫開始之前有延遲的屬性是（）。A．\o"CSS3animation-name屬性"animation-nameB．\o"CSS3animation-duration屬性"animation-durationC．\o"CSS3animation-delay屬性"animation-delayD．\o"CSS3animation-direction屬性"animation-direction答案：C6．Keyframes-selector表示定義幀的時(shí)間，其合法值不包括（）。A．0~100%B．fromC．toD．2答案：D7．想要達(dá)到以下效果，使用的函數(shù)是（）。A．rotate()B．url()C．scale()D．translate()答案：A8.想要達(dá)到以下效果，使用的函數(shù)是（）。A．rotate()B．url()C．scale()D．translate()答案：C9．想要達(dá)到以下效果，使用的函數(shù)是（）。A．rotate()B．url()C．scale()D．translate()答案：D10．a(chǎn)nimation-iteration-count是規(guī)定動畫播放的（）。A．時(shí)間B．速度C．次數(shù)D．順序答案：C三．判斷題1．Transition和Animations都是通過持續(xù)改變CSS屬性產(chǎn)生動態(tài)樣式效果。（）答案：√2．scale(<number>)中<number>參數(shù)值可以是正數(shù)、負(fù)數(shù)，但不可以是小數(shù)。（）答案：×3．rotate()函數(shù)能夠旋轉(zhuǎn)指定的元素對象，它主要在三維空間內(nèi)進(jìn)行操作，接收一個(gè)角度參數(shù)值，用來指定旋轉(zhuǎn)的幅度。（）答案：×四．簡答題1．簡述translate(<translate-value>[,<translate-value>])中第一個(gè)參數(shù)和第二個(gè)參數(shù)分別代表什么。答案：<translate-value>參數(shù)表示坐標(biāo)值，第1個(gè)參數(shù)表示相對原位置的x軸偏移距離，第2個(gè)參數(shù)表示相對原位置的y軸偏移距離，如果省略和第2個(gè)參數(shù)，則第2個(gè)參數(shù)值默認(rèn)值為0。2．簡述scale(<number>)參數(shù)的含義。答案：<number>參數(shù)值可以是正數(shù)、負(fù)數(shù)和小數(shù)。正數(shù)值基于指定的寬度和高度將放大元素。負(fù)數(shù)值不會縮小元素，而是翻轉(zhuǎn)元素（如文字被反轉(zhuǎn)），然