圖片透明倒影 Reflection

套件名稱:Reflection
版本: 2.0
說明:
Reflection.js 是一個只有 5Kb 的javascript套件,Reflection 可以產生圖片半透明、倒影等效果,運用的方式也很簡單,請見以下步驟。

1. 嵌入 Reflection.js 套件

<script type="text/javascript" src="reflection.js"></script>

2. 在要產生倒影的圖片上加入 class=”reflect” ,即可以產生倒影效果。

3. 其他選項的效果如 class="reflect rheight33 ropacity33"
rheight33:指的是倒影的高度為33%,當然你可以指定rheight40,rheight66或rheight100
ropacity33: 指的是不透明程式為33%,數值越小透明程式越高

更詳細的說明請參考 Reflection說明Reflection的demo

VN:F [1.8.1_1037]
Rating: 6.2/10 (5 votes cast)
VN:F [1.8.1_1037]
Rating: 0 (from 0 votes)
圖片透明倒影 Reflection6.2105
  • Share/Bookmark

沒有找到相關文章

留言回覆