HTML 示例:
<img src="url" class="tiltshift" data-position="50" data-blur="2" data-focus="10" data-falloff="10" data-direction="y">
- -position(0-100),定義對焦點的位置。
- -blur(0 – ?),模糊半徑。設定為1或2比較合適。
- -focus(0-100),焦點的區域大小。
- -falloff (0-100),完全焦點和完全模糊之間的區域大小。
- -direction(“x”,“y”,或 0-360),方向。
JavaScript 呼叫示例:
$(function() { $('.tiltshift').tiltShift(); });
相關閱讀
評論(1)