任務描述
本關任務：用css3放大效果。
效果如下：
相關知識
為了完成本關任務，你需要掌握：1.transform屬性，2.transition屬性。
transform屬性
下面是基本的html結構，：
效果如下：
現在需要基於中心放大1.2倍。
效果如下：
該如何實現呢？
咱們先實現放大1.2倍，用到了 transform屬性。
如上面所說，新增如下**：
.scale:hover img
效果如下：
.scale
這裡解釋一下引數：
transition屬性
基本效果已經實現了，就是有點突兀，如何平滑的過渡呢？這裡用到了transition屬性。
新增如下**：
.scale img
效果如下：
這就已經實現了。引數和上一關一樣。
這裡再介紹一下可以轉變元素位置的屬性：
transform-origin: center center;
這裡表示基於中心進行縮放或移動。
引數詳解：
它預設是基於中心的。用圖表示如下：
程式設計要求
注意：效果如下：
如何選擇培訓機構 ？
2017 06-15
起飛頁推崇使用者自己建立**並享受建站所帶來的樂趣，因此我們為您準備了一套安全、穩建立**並享受建站建立**並享受建站
如何選擇培訓機構 ？
2017 06-15
起飛頁推崇使用者自己建立**並享受建站所帶來的樂趣，因此我們為您準備了一套安全、穩建立**並享受建站建立**並享受建站
如何選擇培訓機構 ？
2017 06-15
起飛頁推崇使用者自己建立**並享受建站所帶來的樂趣，因此我們為您準備了一套安全、穩建立**並享受建站建立**並享受建站
css3放大效果
webkit transition 0.5s all 適用safari 和 chrome相容 moz transition 0.5s all 適用firefox相容 ms transition 0.5s all 適用ie9相容 o transition 0.5s all opera transiti...
用CSS3實現鐘錶效果
var olist document.getelementbyid list 獲取到刻度 var ocss document.getelementbyid css var ohour document.getelementbyid hour 獲取時針 var omin document.getele...
用css3實現風車效果
前面講過css3可以替代很多js實現的效果，其實很多時候純css3甚至可以替代，直接用css3就可以畫出一些簡單的。雖然css3畫出來的效果可能不如直接用的好，實現起來也比較複雜，最麻煩的是相容性問題，不如來得直接實用。但是換一種思路去思考問題的解決辦法往往能激發我們的靈感，也有助於我們學習css3...