diff --git a/src/cool-stuff/css-purgatory/waltuh/index.html b/src/cool-stuff/css-purgatory/waltuh/index.html index c48db16..b8558cc 100644 --- a/src/cool-stuff/css-purgatory/waltuh/index.html +++ b/src/cool-stuff/css-purgatory/waltuh/index.html @@ -16,9 +16,9 @@

Description

- Waltuh is a stupid name for a theme. - Put your theme away. - It's collaborative too!

+ Waltuh, + put your theme away. + It's collaborative!

@@ -49,17 +49,17 @@

Heading 1

-

font information

+

Inconsolata wght:400

Heading 2

-

font information

+

Inconsolata wght:300

Heading 3

-

font information

+

Inconsolata wght:200

@@ -79,13 +79,13 @@

Text

-

font information

+

Jost wght:400

Subtext

-

font information

+

Jost wght:400

diff --git a/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss b/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss index 6dd7f37..9566cc1 100644 --- a/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss +++ b/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss @@ -254,6 +254,10 @@ footer { background-position: 6em 0em; } } +@keyframes wipeIn { + from { clip-path: inset(0 100% 0 0); } + to { clip-path: inset(0 0 0 0); } +} .waltuh-gradient { font-weight: 600; @@ -265,7 +269,9 @@ footer { background-size: 30vmin 30vmin; background-clip: text; - animation: waltuh-gradient-anim 12s linear infinite; + animation: waltuh-gradient-anim 12s linear infinite, + wipeIn 0.25s ease-in; + } @keyframes overlay-breathe {