| 1 | .stop-scroll{height:100%;overflow:hidden}img{vertical-align:middle}.contraster{height:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.contraster-element-after,.contraster-wrapper-after,.contraster-wrapper-before{pointer-events:none}.contraster-wrapper-before{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%;z-index:2}.contraster-wrapper-before img{height:100%}.contraster-element-after{height:100%;width:100%}.contraster-wrapper-after img{width:100%}.contraster-separator{background-color:#333;height:100%;left:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .4s linear;width:10px;z-index:3}.contraster-separator.contraster-active-separator{opacity:0;transition:opacity .4s linear}.contraster.horizontal .contraster-wrapper-before{height:50%;width:100%}.contraster.horizontal .contraster-wrapper-before img{height:100%;width:100%}.contraster.horizontal .contraster-separator{background-color:#333;height:10px;left:0;position:absolute;top:0;transform:translateY(-50%);transition:opacity .4s linear;width:100%;z-index:3}.contraster.horizontal .contraster-separator.contraster-active-separator{opacity:0;transition:opacity .4s linear}.contraster.diagonal .contraster-separator{background-color:#333;height:10px;left:0;position:absolute;top:0;transform:translate(-50%,-50%);transition:opacity .4s linear;width:100%;z-index:3}.contraster.diagonal .contraster-separator.contraster-active-separator{opacity:0;transition:opacity .4s linear} |