文件名称：before-after-image-compare:比较一个框中的 2 个图像（使用 javascript 和 scss）
文件大小：18KB
文件格式：ZIP
更新时间：2024-07-23 21:11:21
JavaScript
before-after-image-compare compare 2 images in a box (with javascript & scss). goal: support to IE8+ pure html:需要两张图皆出现.box > figure*2 > img +css:需要两张图皆完全出现> img +base-js:两张图叠合，以滑鼠位置决定(水平或垂直)分割检视的位置水平或垂直由class: -h -v 决定(图片叠合的class 需由js 加入) 尚未确定要用哪一种方式处理斜角，两个方式都是IE9+ 才看的懂分割检视可使用角度，角度在SASS 决定，JS再捞出角度/边长比 SVG : (最后实作)以js 侦测到支援SVG 后，动态置换原本DIV 内容，以滑鼠位置决定(水平或垂直)分割检视的位置 css transform: (最一开始试作的方案)以js
【文件预览】：
before-after-image-compare-master
----package.json(698B)
----assets()
--------style()
--------images()
--------index.html(2KB)
--------script()
----Gruntfile.js(961B)
----.gitignore(39B)
----README.md(4KB)