在一週的實際上班過程中覺得用到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:延遲的時間。過渡不光可以是背景，像寬度，高度等也都可以。