在一周的實際上班過程中覺得用到js的地方不算很多，c3倒是很多，這裡先簡單的鞏固下自己的c3的新特性之漸變。
#d1{
width:200px;
height:200px;
border:1px solid purple;
這是乙個簡單的紫邊正方形，我再寫下面的**
#d1:hover{
background:purple;
它的效果就是我滑鼠移入就會突變成紫色的正方形，這是很簡單的，但是我如果想要不突變就要用到c3裡的過渡屬性，同樣的**，
#d1{
width:200px;
height:200px;
border:1px solid purple;
transition:background 3s;
#d1:hover{
background:purple;
現在在看你就會發現由白變紫是在3秒之內逐漸變化的，而與：hover偽類是不一樣，給使用者的體驗肯定也不一樣，這裡只說了transition的兩個屬性，其實有四個屬性，分別是
property:用來發生樣式變化的屬性，duration:發生變化持續的時間，timing-function:漸變的方式，delay:延遲的時間。過渡不光可以是背景，像寬度，高度等也都可以。
CSS3 過渡屬性 transition
transition property all width height 選擇需要過渡屬性的暱稱，如果你是想讓寬width過渡移動，就直接給width all 寬和高 transition duration 0.5s 定義過渡效果所花費的時間 transition timing function l...
CSS3過渡屬性的使用
2.思路 聯想到css3的transition屬性，有更好的使用者體驗 3.用法 可以在更改css樣式時同時增加transition屬性，該屬性共有四個子屬性 1 transition property 過渡屬性 2 transition duration 過渡時間 3 transition tim...
css3之transition過渡屬性
要實現過渡效果，必須規定兩項內容 div div hover 上例就會將原來的100畫素寬的元素在兩秒內變成300畫素寬，從而實現了過渡 多項改變 如需向多個樣式新增過渡效果，則新增多個屬性，由逗號隔開 div div hovertransition只是簡寫屬性，下面的 列出了所有的轉換屬性 屬性 ...