Catet: Sanggeus nyimpen, anjeun kudu narabas singgahan panyungsi anjeun pikeun nempo parobahanana.
@keyframes ship { from { transform: translateX(200%); } to { transform: translateX(-200%); } } /*Baru*/ /*haduh*/ .cantik { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25vw; animation-name: nasi; animation-iteration-count: infinite; animation-timing-function: ease-in-out; font-family: "Righteous", cursive; /*text-stroke-width: 3px; text-stroke-color: black;*/ } .cantik:nth-of-type(1) { animation-duration: 2s; animation-delay: 0.55s; } .cantik:nth-of-type(2) { animation-duration: 2s; animation-delay: 0.3s; } .cantik:nth-of-type(3) { animation-duration: 2s; animation-delay: 0.05s; } .cantik:nth-of-type(4) { animation-duration: 2s; animation-delay: -0.2s; } /*@-webkit-keyframes wave { 40%, 50% { transform: translate(-50%, -65%) scale(1.05); } 0%, 90%, 100% { transform: translate(-50%, -45%) scale(0.95); } }*/ @keyframes nasi { 40%, 50% { transform: translate(-50%, -65%) scale(1.05); } 0%, 90%, 100% { transform: translate(-50%, -45%) scale(0.95); } } /*Baru @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;500&display=swap"); */ * { margin: 0; padding: 0; } body { background: #282c34; font-size: 2vmin; font-family: JetBrains Mono, monospace; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; color: #e4bb68; } .string { display: flex; flex-direction: column; text-align: center; animation: move 4s infinite; } .greeting { position: relative; top: 8.6vmin; animation: white-out 5s infinite; } .closure::after { content: ""; position: absolute; height: 25vmin; width: 40vmin; background: #282c34; transform: translate(-45vmin, -24.5vmin); } .closure::before { content: ""; position: absolute;height: 25vmin; width: 40vmin; background: #282c34; transform: translate(-40vmin, 5vmin); } .en { color: #fa8231; } .es { color: white; } .de { color: #c678dd; } .it { color: #a9b0bd; } @keyframes move { 25% { transform: translatey(-5.8vmin); opacity: 1; } 50% { transform: translatey(-11vmin); } 75% { transform: translatey(-16.5vmin); } }