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