視差滾動

説明

文字隨著卷軸滾動,但背景圖片不動。
背景圖片利用 background-attachment: fixed 固定。

範例

.img
 h3 MO美女
body
 height: 2000px

.img
 width: 400px
 height: 300px
 background-image: url(https://goo.gl/HtiAOY)
 text-align: center
 background-attachment: fixed
 background-size: 50%
 h3
  color: white
  font-family: 微軟正黑體
  position: relative
  top: 150px

Display

MO美女

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *