animate bug fix

This commit is contained in:
gurusabarish
2022-09-27 23:56:33 +05:30
parent fb91257cfb
commit 143b5f6fb3
2 changed files with 13 additions and 6 deletions
+11 -4
View File
@@ -109,17 +109,24 @@ header .navbar.animate {
opacity: 0.8; opacity: 0.8;
} }
#hero .image.animate img { #hero .image img {
animation: fade-in 1s ease-out; box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
transition: box-shadow 0.3s;
padding: 0; padding: 0;
border: 0; border: 0;
border: 2px solid var(--secondary-color); border: 2px solid var(--secondary-color);
border-radius: 1rem; border-radius: 1rem;
} }
#hero .image.animate img {
animation: fade-in 1s ease-out;
transition: box-shadow 0.3s;
}
#hero .image img:hover { #hero .image img:hover {
cursor: pointer;
}
#hero .image.animate img:hover {
box-shadow: 0 0 11px rgb(15 80 100 / 20%); box-shadow: 0 0 11px rgb(15 80 100 / 20%);
filter: contrast(1.2); filter: contrast(1.2);
cursor: pointer; cursor: pointer;