werobot/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

transition caption instagram

Browse source
This commit is contained in:
GZod01 2024-06-11 08:12:21 +02:00
parent 1c3f117bf4
commit 8dd5225ab1
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
assets/scss/layouts/photos.scss
View file

@ -46,8 +46,8 @@
display: block;
transition: opacity 0.2s;
span#caption{
transition: width .5s ease,height .5s ease;
display:none;
transition: width .5s ease,height .5s ease, border-radius .5s ease;
display:block;
background-color:rgba(27, 27,27, 0.7);
color:white;
--width:17.5em;
@ -59,6 +59,11 @@
word-break:break-word;
padding:0px;
text-decoration:none!important;
position:relative;
left:50%;
top:50%;
transform: translate(-50%, -50%);
border-radius:100%;
}
}
@ -67,11 +72,11 @@
cursor: pointer;
transition: opacity 0.2s;
span#caption{
display:block;
width: var(--width)!important;
height:var(--height)!important;
overflow: auto;
padding:10px
padding:10px;
border-radius:0;
}
}