mirror of
https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git
synced 2026-06-15 18:01:52 +02:00
Implemented hover effect
This commit is contained in:
+27
-1
@@ -186,6 +186,31 @@ input[type="file"] {
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.figure1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.img-hover1 {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
top: 0;
|
||||
right: 40%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
object-fit: contain;
|
||||
display: none;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
.figure1:hover .img-hover1 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.img-icon {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
display: flex;
|
||||
@@ -308,7 +333,8 @@ input[type="file"] {
|
||||
/*panels*/
|
||||
.step {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;;
|
||||
margin-bottom: 40px;
|
||||
;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 425px;
|
||||
|
||||
Reference in New Issue
Block a user