前些日子做乙個中秋節的專題,主要就是寫乙個效果,月亮滾動,花瓣飄落。具體**如下:
.icons
.other-iocn
.........
.........
@-webkit-keyframes flower
50%to}
@-moz-keyframes flower
50%to}
@-o-keyframes flower
50%to}
@-ms-keyframes flower
50%to}
@keyframes flower
50%
100%
}@-webkit-keyframes flower2
50%to}
@-moz-keyframes flower2
50%to}
@-o-keyframes flower2
50%to}
@-ms-keyframes flower2
50%to}
@keyframes flower2
50%
100%
}
其實難點就是相容性了,用大家都會用,就是效果出來後,具體展示是存在問題的。如這個花瓣飄落的效果,你就要應用好 translate,用不好,你的效果就出來的不夠魅力。具體使用心得,熟練度自己去體會吧。
培訓的時候,一直聽說公司在推這個疼計畫,我就在想到底是有多疼呢,疼代表的含義呢。腦海**現了n多想法。後來我說服了自己,疼你就記住了,這個名字起的好呀。
結果是騰計畫,不疼呀原來!!!
第一:媒介查尋,這個問題其實可說的並不多,只要你不去寫錯。善於思考,多錯幾次就差不多了。 參考**b
最後總結性的說一句,出問題是好事,這樣你會去思考,思考了就有進步。不過不出錯我們更認為好,可以把時間省下來去吃烤魚啦!
CSS3 一些屬性
1.flex direction 調整主軸方向 預設為水平方向 包括row column row reverse column reverse 2.justify content 主軸方向對齊,可以調整元素在主軸方向上的對齊方式,包括flex start flex end center space ...
css3一些屬性
1.第乙個引數預設朝外,可設定朝內inset或者不寫 2.第二個引數必須寫,左右水平偏移量 3.第三個引數必須寫,上下垂直偏移量 4.第四個引數可選,擴散blur寬度 5.第五個引數可選,顏色 box shadow裡面引數可以疊加,eg box shadow inset 1px 1px 1px pi...
css3的一些屬性
以前還沒有注意過css的一些屬性,近期發現有一些樣式很好用,現在整理一遍。keyframes 規定動畫 可以通過keyframes 改變乙個塊的樣式當然這是要配合animation屬性來結合的 keyframes mymove mymove必須定義動畫的名稱在 100 moz keyframes m...