Rolling Banner

[strawberry 3.141]

@zkab you have to replace the second one as well

[zkab]

Second one ?

[strawberry 3.141]

@zkab

.region.bottom .helloworld div {
  display: block;
  width: 100%;
  height: 130px;

  position: absolute;
  overflow: hidden;

  animation: marquee 10s linear infinite;
}

[zkab]

OK - I got it more or less working …
There are two things I can’t figure out how to solve:

1. The upper-case character seem to be chopped of above and lower part of some character (like g) have the same problem.
   I have changed ‘height: 130px’ back and forth … no effect.
2. The rolling text don’t flow smoothly but hacks …

Below is a portion of my helloworld.

.helloworld {
font-size: 75px;
color: #660;
font-family: "Roboto Condensed", sans-serif;
font-style: normal;
}
.region.bottom .helloworld div {
  display: block;
  width: 100%;
  height: 230px;
  position: absolute;
  overflow: hidden;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0% { left: 50%; }
  100% { left: -100%; }
}

[strawberry 3.141]

@zkab 2. is expected behaviour of a pi as it doesn’t have a lot of rendering power

[zkab]

Thanks for your support … sad that pi is so weak …