diff --git a/public/index.html b/public/index.html index 6dddb3a..877d26b 100644 --- a/public/index.html +++ b/public/index.html @@ -217,6 +217,53 @@ background: var(--green) !important; color: white; } + + /* Toast Popup Styles */ + #toast { + visibility: hidden; + min-width: 200px; + background-color: var(--black); + color: var(--white); + text-align: center; + padding: 12px; + position: fixed; + z-index: 100; + left: 50%; + bottom: 30px; + transform: translateX(-50%); + font-weight: 900; + box-shadow: 6px 6px 0px var(--green); + border: 2px solid var(--white); + } + + #toast.show { + visibility: visible; + animation: fadein 0.5s, fadeout 0.5s 2.5s; + } + + @keyframes fadein { + from { + bottom: 0; + opacity: 0; + } + + to { + bottom: 30px; + opacity: 1; + } + } + + @keyframes fadeout { + from { + bottom: 30px; + opacity: 1; + } + + to { + bottom: 0; + opacity: 0; + } + } @@ -256,6 +303,8 @@ +
Link kopiert!
+