better glassy look
This commit is contained in:
@@ -60,8 +60,6 @@ img {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: rgba(0, 0, 0, 0.125);
|
|
||||||
backdrop-filter: blur(8px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeInUp {
|
@keyframes fadeInUp {
|
||||||
|
@@ -9,7 +9,7 @@
|
|||||||
--button-hover-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.75), rgba(10, 10, 40, 0.4));
|
--button-hover-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.75), rgba(10, 10, 40, 0.4));
|
||||||
|
|
||||||
--background-color: #000000;
|
--background-color: #000000;
|
||||||
--glass-background: rgba(20, 20, 20, 0.125);
|
--glass-background: rgba(20, 20, 20, 0.1);
|
||||||
--glass-border: rgba(255, 255, 255, 0.18);
|
--glass-border: rgba(255, 255, 255, 0.18);
|
||||||
--glass-shadow: rgba(31, 38, 135, 0.30);
|
--glass-shadow: rgba(31, 38, 135, 0.30);
|
||||||
|
|
||||||
|
10
index.html
10
index.html
@@ -39,7 +39,7 @@
|
|||||||
<i class="ri-graduation-cap-fill"></i>
|
<i class="ri-graduation-cap-fill"></i>
|
||||||
<span class="profile-info-value">
|
<span class="profile-info-value">
|
||||||
<span>UTFPR</span>
|
<span>UTFPR</span>
|
||||||
<span>Informations Systems</span>
|
<span>Information Systems</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
@@ -99,7 +99,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-desc">Brazilian Candidate Viewer.</div>
|
<div class="project-desc">Brazilian Candidate Viewer</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<div class="project-title">
|
<div class="project-title">
|
||||||
@@ -110,7 +110,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-desc">Chrome Startpage.</div>
|
<div class="project-desc">Chrome Startpage</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<div class="project-title">
|
<div class="project-title">
|
||||||
@@ -121,7 +121,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-desc">Discord DJ bot.</div>
|
<div class="project-desc">Discord DJ bot</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<div class="project-title">
|
<div class="project-title">
|
||||||
@@ -132,7 +132,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-desc">C++ project game.</div>
|
<div class="project-desc">C++ project game</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user