fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-15 14:18:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add a wave propagation ripple effect to the website navbar (#4150)

Browse Source 
* WIP: Website navbar ripple

* Fix performance and other bugs

* Make the navbar ripple's active button explicitly inert
This commit is contained in:
Keavon Chambers
2026-06-08 23:15:12 -07:00
committed by GitHub
parent b4e04e616a
commit 02a40a860f
3 changed files with 285 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/templates/base.html
View File

@@ -124,9 +124,11 @@
</div>
</nav>
<svg class="ripple" xmlns="http://www.w3.org/2000/svg">
<path d="M 0,15 l 10000,0" />
<path class="ripple-mask" d="M 0,15 l 10000,0" />
<path class="ripple-line" d="M 0,15 l 10000,0" />
<polygon class="ripple-taper-left" />
<polygon class="ripple-taper-right" />
</svg>
<hr />
</header>
<main>
{# This is a comment. It exists to prevent the {%- -%} on the lines below from removing the line break between `<main>` and the `content` block #}