kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

animate bug fix

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
exampleSite/config.yaml
+2 -2
View File
@@ -19,7 +19,7 @@ Menus:
title: Blog posts title: Blog posts
url: /blogs url: /blogs
weight: 1 weight: 1
- identifier: gallery - identifier: gallery
name: Gallery name: Gallery
title: Blog posts title: Blog posts
@@ -111,7 +111,7 @@ params:
enable: true enable: true
name: "Resume" name: "Resume"
url: "#" url: "#"
download: true download: true
socialLinks: socialLinks:
fontAwesomeIcons: fontAwesomeIcons:
- icon: fab fa-github - icon: fab fa-github
static/css/index.css
+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;