这是一款非常棒的图片对比工具,能够方便的应用到你的网站中。其基本思路是把两张图片层叠在一起,当你拖动滑竿的时候,利用 CSS clip 裁剪图片,进行形成视觉对比效果。
您可能感兴趣的相关文章
使用方法非常简单,HTML 示例代码:
<div id='container1'>
<img src='sample-before.png' />
<img src='sample-after.png' />
</div>
JavaScript 示例代码:
$(window).load(function() {
$('#container1').twentytwenty();
});
您可能感兴趣的相关文章