1
0
Fork 0
mirror of https://github.com/dilllxd/gitfolio.git synced 2024-08-14 22:28:09 +00:00

Animate Profile Picture

This commit is contained in:
K4USTU3H 2019-12-09 22:34:29 +05:30
parent 44e28393cf
commit 644b39dd12
No known key found for this signature in database
GPG key ID: C51A67AF09CB9767
5 changed files with 158 additions and 159 deletions

View file

@ -1,15 +1,20 @@
:root {
--bg-color: rgb(10, 10, 10);
--text-color: #fff;
--background-image: linear-gradient(90deg,
rgba(10, 10, 10, 0.3),
rgb(10, 10, 10, 1)),
url("{{{background}}}");
--background-background: linear-gradient(0deg,
rgba(10, 10, 10, 1),
rgba(10, 10, 10, 0.6)),
url("{{{background}}}") center center fixed;
--background-image: linear-gradient(
90deg,
rgba(10, 10, 10, 0.3),
rgb(10, 10, 10, 1)
),
url("{{{background}}}");
--background-background: linear-gradient(
0deg,
rgba(10, 10, 10, 1),
rgba(10, 10, 10, 0.6)
),
url("{{{background}}}") center center fixed;
--height: 50vh;
--gradient: linear-gradient(90deg, #009bef, #ff0000);
}
#display h1 {
@ -24,9 +29,11 @@
@media (max-width: 800px) {
:root {
--background-image: linear-gradient(0deg,
rgba(10, 10, 10, 1),
rgba(10, 10, 10, 0)),
url("{{{background}}}") !important;
--background-image: linear-gradient(
0deg,
rgba(10, 10, 10, 1),
rgba(10, 10, 10, 0)
),
url("{{{background}}}") !important;
}
}
}

View file

@ -1,9 +1,12 @@
:root {
--bg-color: #fff;
--text-color: rgb(10, 10, 10);
--background-image: linear-gradient(90deg,
rgba(10, 10, 10, 0.4),
rgb(10, 10, 10, 0.4)),
url("{{{background}}}");
--background-image: linear-gradient(
90deg,
rgba(10, 10, 10, 0.4),
rgb(10, 10, 10, 0.4)
),
url("{{{background}}}");
--background-background: #fff;
}
--gradient: linear-gradient(90deg, #009bef, #ff0000);
}