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:03] – user478 | stylesheet:style_useruser [2025/01/25 16:56] (current) – external edit 127.0.0.1 | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| %% | %% | ||
| - | body{ | + | *{ |
| - | animation: gradient-anim | + | animation: gradient-anim |
| - | animation: | + | animation: |
| + | 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 23: | Line 24: | ||
| filter: blur(0); | filter: blur(0); | ||
| } | } | ||
| - | 100% {filter: blur(330px) }; | + | 100% {filter: blur(33px) }; |
| } | } | ||
| Line 32: | Line 33: | ||
| } | } | ||
| - | head { | + | |
| - | animation: change-paragraph-color 54s ease-in; | + | @keyframes gradient-anim2{ |
| + | 0% { background: transparent; | ||
| + | 100% { background: linear-gradient(to white, yellow, blue); | ||
| + | mix-blend-mode: difference; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | @keyframes gradient-anim3{ | ||
| + | 0% { background: transparent; | ||
| + | 100% { background: linear-gradient(to right, red, blue); | ||
| + | mix-blend-mode: | ||
| + | } | ||
| + | } | ||
| + | navbar { | ||
| + | animation: gradient-anim 8s linear forwards; | ||
| } | } | ||
| Line 40: | Line 56: | ||
| } | } | ||
| - | change-paragraph-color { | ||
| - | 0% {color: black;} | ||
| - | 100% {color: red;} | ||
| - | } | ||
| - | } | ||
| %% | %% | ||