Skip to content

Commit e47a992

Browse files
author
Robert-André Mauchin
committed
Update styles
1 parent 0460166 commit e47a992

File tree

1 file changed

+29
-0
lines changed

1 file changed

+29
-0
lines changed

image-comparison-web/demo.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,3 +60,32 @@
6060
padding-bottom: 2em;
6161
color: #3f5087;
6262
}
63+
64+
65+
* {box-sizing: border-box;}
66+
67+
.img-comp-container {
68+
position: relative;
69+
}
70+
71+
.img-comp-img {
72+
position: absolute;
73+
overflow:hidden;
74+
}
75+
76+
.img-comp-img canvas {
77+
display:block;
78+
vertical-align:middle;
79+
}
80+
81+
.img-comp-slider {
82+
position: absolute;
83+
z-index: 9;
84+
cursor: ew-resize;
85+
/*set the appearance of the slider:*/
86+
width: 40px;
87+
height: 40px;
88+
background-color: #2196F3;
89+
opacity: 0.7;
90+
border-radius: 50%;
91+
}

0 commit comments

Comments
 (0)