User:Muchos/global.css

.headline { height: 110px; width: 550px; display: flex; justify-content: center; align-items: center; margin: 1em auto; background-size: cover; background-image: url('https://static.wikia.nocookie.net/ramdaram/images/d/d4/Headline_placeholder2.png'); background-color: #000000; /* fallback */ font-size: 14px; color: #ffffff; animation-duration: 3s; animation-name: slidein; } .headline div { padding: 1ex; background: rgba(0, 0, 0, 0.5); /* better readability */ } .headline b { color: #ffc402; }

@keyframes slidein { from { transform: translateX(60vh); } to { transform: translateX(0); } }