removed blur effect from projects page to counteract performance drop on that page
This commit is contained in:
@@ -34,13 +34,12 @@
|
||||
<Content>
|
||||
<Banner2
|
||||
title="My Disordered Projects"
|
||||
banner="/projects/banner.webp"
|
||||
banner="banner.webp"
|
||||
bannerAlt="An upside-down New 3DS XL lying open on a desk with a small USB-C breakout board attached to it, and a USB-C cable plugged in. The 3DS is glowing to indicate that it is charging."
|
||||
subtitle="things I have worked on" />
|
||||
|
||||
<p>Welcome to my 💫new💫 projects page! Here I show off all the things I have done. Projects are ordered reverse-chronologically and have some other neat information displayed. have fun browsing~!</p>
|
||||
|
||||
<!-- TODO it would be nice if these were green here to separate them from the red tags on the blog page -->
|
||||
<div class="tag-filters">
|
||||
<p class="tag-filter-header"># filter projects by category:</p>
|
||||
<div class="tag-filter-container">
|
||||
@@ -123,14 +122,14 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
filter: brightness(40%) saturate(40%) blur(1px);
|
||||
filter: brightness(40%) saturate(40%);
|
||||
transition: filter var(--duration-animation) var(--anim-curve),
|
||||
scale var(--duration-animation) var(--anim-curve);
|
||||
scale: 1.05;
|
||||
}
|
||||
|
||||
.project-wrapper:hover .project-banner {
|
||||
filter: brightness(60%) saturate(100%) blur(0);
|
||||
filter: brightness(60%) saturate(100%);
|
||||
scale: 1.0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user