mirror of
https://github.com/Viglino/ol-ext.git
synced 2026-01-25 17:36:21 +00:00
60 lines
1.1 KiB
CSS
60 lines
1.1 KiB
CSS
.ol-swipe
|
|
{ position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.ol-swipe:before
|
|
{ content: "";
|
|
position: absolute;
|
|
top: -5000px;
|
|
bottom: -5000px;
|
|
left: 50%;
|
|
width: 4px;
|
|
background: #fff;
|
|
z-index:-1;
|
|
transform: translate(-2px, 0);
|
|
-webkit-transform: translate(-2px, 0);
|
|
}
|
|
.ol-swipe.horizontal:before
|
|
{ left: -5000px;
|
|
right: -5000px;
|
|
top: 50%;
|
|
bottom: auto;
|
|
width: auto;
|
|
height: 4px;
|
|
}
|
|
|
|
.ol-swipe,
|
|
.ol-swipe button
|
|
{ cursor: ew-resize;
|
|
}
|
|
.ol-swipe.horizontal,
|
|
.ol-swipe.horizontal button
|
|
{ cursor: ns-resize;
|
|
}
|
|
|
|
.ol-swipe:after,
|
|
.ol-swipe button:before,
|
|
.ol-swipe button:after
|
|
{ content: "";
|
|
position: absolute;
|
|
top: 25%;
|
|
bottom: 25%;
|
|
left: 50%;
|
|
width: 2px;
|
|
background: rgba(255,255,255,0.8);
|
|
transform: translate(-1px, 0);
|
|
-webkit-transform: translate(-1px, 0);
|
|
}
|
|
.ol-swipe button:after
|
|
{ transform: translateX(5px);
|
|
-webkit-transform: translateX(5px);
|
|
}
|
|
.ol-swipe button:before
|
|
{ transform: translateX(-7px);
|
|
-webkit-transform: translateX(-7px);
|
|
}
|