第二週總結

2021-08-19 14:29:28 字數 1008 閱讀 7186

在本週,主要學習了一下使用css3控制html元素的動畫效果

1.對元素transform的控制

css3中,元素可以具有如下的transform-coontrol屬性:

webkit-transform: translate(3em,0); 

webkit-transform: rotate(30deg); 

webkit-transform: scale(1.5); 

通過恰當的變換,最終可以將元素的位置變化成為我們需要的效果。 

2.css3的動畫屬性 

css3中元素的所有均由此的屬性控制:webkit-transition: 1s ease-in-out; 

實際上,這個css屬性控制了在元素的style發生變化的時候應該怎樣改變那些數值,

一些可以連續變化的style,諸如opacity,color,width等等都可以在這樣的屬性控制下進行動畫.

transition抓住了所設定變化屬性的起始態和完成態,通過設定的速度曲線來完成動畫。可以涉及到各種變化的css屬性,預設為all,則所有變化的屬性都會在出發時,以動畫的形式展現出來。這種動畫方式是css3的,因此ie9以下是不支援的,其他的瀏覽器需要加字首,並且只有兩態,不支援自定義中間的狀態。

eg.

transform是一種變化屬性,該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。可以作為transition中需要變化的屬性。

字首:transform:rotate(9deg);

ms-transform:rotate(9deg); /* internet explorer */

moz-transform:rotate(9deg); /* firefox */

webkit-transform:rotate(9deg); /* safari 和 chrome */

o-transform:rotate(9deg); /* opera */

第二週總結

這一周感覺比賽難度比上週大啊,好幾天比賽的題都沒改完了,主要是確實很多沒學過的或早就忘了的,所以看題解也很痛苦,但我覺得我還是應該把暴力打好,到這周好幾次考試t3完全沒思路,暴力最多也就拿十幾分,結果老師告訴我們暴力最多能拿50分,emm,如果有時間我還是把那幾個題的暴力解法打一遍吧,不過這周失誤真...

第二週總結

1.首先我覺得這一方面直接說明了我們應該提問的態度,比如說這個程式設計你不會,這個 你不記得 像這一種問題,你一提出去,像那一種高手來說,你無疑是在浪費他們的時間。2.其次我們提問,自己提問先應該查閱相關資料,看看這些是不是能夠在自己能力範圍內能夠解決的。進入了更深層的了解以後,提出來的問題又在不同...

2018 4 第二週總結

時間飛逝 作品展前結束了機房,作品展的幾天帶著爸爸媽媽又一次深入的了解了我在這裡的學習和生活,這次爸爸媽媽真的放下心了,對我的選擇充滿了支援,平時的生活也漸漸對我放心放手,相信我的能力。我感到愛的束縛被解開,彼此都感受減壓輕鬆!感覺自己是個大人了,嘻嘻!接下來的一周,由於之前精力都放在機房上,專業課...