now these things have animation

I stole css from vepurovk and now these things have animation
This commit is contained in:
lalka2018 2023-04-24 21:51:05 +03:00 committed by GitHub
parent 79e9a7673d
commit d6089afabd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -3,6 +3,25 @@
{ {
position: relative; position: relative;
} }
#avatarAll {
overflow: hidden;
position: relative;
}
#avatarChange, #_avatarDelete, #groupAvatarChange {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#avatarChange {
bottom: -32px !important;
visibility: hidden;
}
div#avatarAll:hover #avatarChange {
opacity: 1 !important;
bottom: -8px !important;
visibility: visible;
}
#_avatarDelete #_avatarDelete
{ {
position:absolute; position:absolute;
@ -26,18 +45,23 @@
font-size:11px; font-size:11px;
padding-top:10px; padding-top:10px;
padding-bottom:10px; padding-bottom:10px;
padding-right: 10px;
opacity:0%; opacity:0%;
} }
#uploadIcon #uploadIcon
{ {
position:absolute; position:absolute;
left:0; left:0;
margin-left:20px; margin-left:13px;
} }
#_newPicture #_newPicture
{ {
color:#B2B2B2; color:#B2B2B2;
} }
#_newPicture:hover
{
color: #D9D9D9;
}
.newpict .newpict
{ {
position:absolute; position:absolute;
@ -58,11 +82,16 @@
font-size:11px; font-size:11px;
padding-top:10px; padding-top:10px;
padding-bottom:10px; padding-bottom:10px;
padding-right: 10px;
opacity:0%; opacity:0%;
} }
#_newAvatarPicture2 #_newAvatarPicture2
{ {
position:absolute; position:absolute;
left:0; left:0;
margin-left:20px; margin-left:13px;
}
#_newAvatarPicture:hover
{
color:#D9D9D9;
} }