Post-Platform Digital Publishing Toolkit
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| stylesheet:style_useruser [2025/01/25 16:08] – user478 | stylesheet:style_useruser [2025/01/25 16:30] (current) – user478 | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| %% | %% | ||
| *{ | *{ | ||
| - | animation: gradient-anim 28s linear forwards; | + | animation: gradient-anim |
| + | animation: gradient-anim2 | ||
| + | animation: gradient-anim3 30s linear forwards; | ||
| } | } | ||
| .right-column{ | .right-column{ | ||
| - | animation: blur-anim | + | animation: blur-anim |
| font-size: 1.45rem; | font-size: 1.45rem; | ||
| font-weight: | font-weight: | ||
| font-family: | font-family: | ||
| line-height: | line-height: | ||
| - | display: | + | display: |
| letter-spacing: | letter-spacing: | ||
| -webkit-transform: | -webkit-transform: | ||
| Line 31: | Line 33: | ||
| } | } | ||
| + | |||
| + | @keyframes gradient-anim2{ | ||
| + | 0% { background: transparent; | ||
| + | 100% { background: linear-gradient(to white, yellow, blue); | ||
| + | mix-blend-mode: | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | @keyframes gradient-anim3{ | ||
| + | 0% { background: transparent; | ||
| + | 100% { background: linear-gradient(to right, red, blue); | ||
| + | mix-blend-mode: | ||
| + | } | ||
| + | } | ||
| navbar { | navbar { | ||
| animation: gradient-anim 8s linear forwards; | animation: gradient-anim 8s linear forwards; | ||
| Line 39: | Line 56: | ||
| } | } | ||
| - | change-paragraph-color { | ||
| - | 0% {color: black;} | ||
| - | 100% {color: red;} | ||
| - | } | ||
| - | } | ||
| %% | %% | ||