change animation to transition
This commit is contained in:
parent
9e77e906cb
commit
2323b17e1e
|
@ -113,6 +113,7 @@ td {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The actual popup (appears on top) */
|
/* The actual popup (appears on top) */
|
||||||
|
@ -129,6 +130,8 @@ td {
|
||||||
bottom: 125%;
|
bottom: 125%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -80px;
|
margin-left: -80px;
|
||||||
|
transition: opacity 0.5s;
|
||||||
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Popup arrow */
|
/* Popup arrow */
|
||||||
|
@ -145,12 +148,7 @@ td {
|
||||||
|
|
||||||
.popup .show {
|
.popup .show {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
animation: fadeIn 1s;
|
opacity: 1;
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeIn {
|
|
||||||
from {opacity: 0;}
|
|
||||||
to {opacity:1 ;}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** upload-progress **/
|
/** upload-progress **/
|
||||||
|
|
Loading…
Reference in New Issue