文章專區
在網頁設計時，有時會需要製作圖片互換的效果，只要用CSS就可以實現，還可以加入淺入淺出的動畫效果唷。
首先將兩張圖片透過定位(position)疊在一起，然後將原本顯示的圖片透明度數值設定成0，這樣滑入時就能看見疊在底下的圖片，如此一來，只需要少少程式碼，也無須寫JS，就可以達成簡單的圖片切換了。是不是很簡單呢？
See the Pen <a href='https://codepen.io/bok770/pen/yPejPN/' _fcksavedurl='https://codepen.io/bok770/pen/yPejPN/'>yPejPN</a> by Ya (<a href='https://codepen.io/bok770' _fcksavedurl='https://codepen.io/bok770'>@bok770</a>) on <a href='https://codepen.io' _fcksavedurl='https://codepen.io'>CodePen</a>.
更多文章
可點選QR code
