mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
video indicator design improvement
This commit is contained in:
parent
d7eb805186
commit
4eaeb0d692
@ -94,8 +94,20 @@ a {
|
|||||||
|
|
||||||
.video-indicator{
|
.video-indicator{
|
||||||
font-size: large;
|
font-size: large;
|
||||||
padding: 10px;
|
padding: 5px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transform: translate(-100%);
|
transform: translate(-100%);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
border-bottom-left-radius: 15px !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
color: white;
|
||||||
|
transition: background-color .3s ease-out;
|
||||||
|
-moz-transition: background-color .3s ease-out;
|
||||||
|
-webkit-transition: background-color .3s ease-out;
|
||||||
|
-o-transition: background-color .3s ease-out;
|
||||||
|
-ms-transition: background-color .3s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.photo-container:hover .video-indicator{
|
||||||
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user