nsr-design-idee/assets/img/noisy_background.svg

32 lines
6.0 KiB
XML

<svg width="1920" height="50" xmlns="http://www.w3.org/2000/svg">\
<style type="text/css">
<!-- #a { animation: x .5s ease alternate 14; } -->
#line_a { animation: marquee 30s linear infinite; animation-delay: -5s }
#line_b { animation: marquee 36s linear infinite; animation-delay: -3s }
#line_c { animation: marquee 60s linear infinite reverse; animation-delay: -7s }
#line_d { animation: marquee 51s linear infinite; animation-delay: -2s }
#line_e { animation: marquee 42s linear infinite; animation-delay: -6s }
@keyframes x {
from { fill: #000; }
to { fill: #fff; }
}
@keyframes marquee {
0% { transform: translateX(-50px); opacity: 0; }
20% { opacity: 1; }
80% { opacity: 1; }
100% { transform: translateX(1000px); opacity: 0; }
}
</style>
<!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
<g>
<rect width="100%" height="100%" fill="#eeeeee"/>
<text text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="27" id="line_a" y="15" x="115.5" fill="#dcdcdc">Laram apsam dalar sat amat, cansatatar sadapscang alatr, sad daam nanamy aarmad tampar anvadant at labara at dalara magna alaqayam arat, sad daam valaptaa. At vara aas at accasam at jasta daa dalaras at aa rabam. Stat clata kasd gabargran, na saa takamata sanctas ast Laram apsam dalar sat amat. Laram apsam dalar sat amat, cansatatar sadapscang alatr, sad daam nanamy aarmad tampar anvadant at labara at dalara magna alaqayam arat, sad daam valaptaa. At vara aas at accasam at jasta daa dalaras at aa rabam. Stat clata kasd gabargran, na saa takamata sanctas ast Laram apsam dalar sat amat. Laram apsam dalar sat amat, cansatatar sadapscang alatr, sad daam nanamy aarmad tampar anvadant at labara at dalara magna alaqayam arat, sad daam valaptaa. At vara aas at accasam at jasta daa dalaras at aa rabam. Stat clata kasd gabargran, na saa takamata sanctas ast Laram apsam dalar sat amat.</text>
<text text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="24" id="line_b" y="27" x="131.5" fill="#dcdcde">Lerem epsem deler set emet, censeteter sedepsceng eletr, sed deem nenemy eermed temper envedent et lebere et delere megne eleqeyem eret, sed deem veleptee. Et vere ees et eccesem et jeste dee deleres et ee rebem. Stet clete kesd gebergren, ne see tekemete senctes est Lerem epsem deler set emet. Lerem epsem deler set emet, censeteter sedepsceng eletr, sed deem nenemy eermed temper envedent et lebere et delere megne eleqeyem eret, sed deem veleptee. Et vere ees et eccesem et jeste dee deleres et ee rebem. Stet clete kesd gebergren, ne see tekemete senctes est Lerem epsem deler set emet. Lerem epsem deler set emet, censeteter sedepsceng eletr, sed deem nenemy eermed temper envedent et lebere et delere megne eleqeyem eret, sed deem veleptee. Et vere ees et eccesem et jeste dee deleres et ee rebem. Stet clete kesd gebergren, ne see tekemete senctes est Lerem epsem deler set emet.</text>
<text text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="30" id="line_c" y="37" x="115.5" fill="#dcdedc">Lirim ipsim dilir sit imit, cinsititir sidipscing ilitr, sid diim ninimy iirmid timpir invidint it libiri it diliri migni iliqiyim irit, sid diim viliptii. It viri iis it iccisim it jisti dii diliris it ii ribim. Stit cliti kisd gibirgrin, ni sii tikimiti sinctis ist Lirim ipsim dilir sit imit. Lirim ipsim dilir sit imit, cinsititir sidipscing ilitr, sid diim ninimy iirmid timpir invidint it libiri it diliri migni iliqiyim irit, sid diim viliptii. It viri iis it iccisim it jisti dii diliris it ii ribim. Stit cliti kisd gibirgrin, ni sii tikimiti sinctis ist Lirim ipsim dilir sit imit. Lirim ipsim dilir sit imit, cinsititir sidipscing ilitr, sid diim ninimy iirmid timpir invidint it libiri it diliri migni iliqiyim irit, sid diim viliptii. It viri iis it iccisim it jisti dii diliris it ii ribim. Stit cliti kisd gibirgrin, ni sii tikimiti sinctis ist Lirim ipsim dilir sit imit.</text>
<text text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="19" id="line_d" y="45" x="115.5" fill="#dedcdc">Lorom opsom dolor sot omot, consototor sodopscong olotr, sod doom nonomy oormod tompor onvodont ot loboro ot doloro mogno oloqoyom orot, sod doom voloptoo. Ot voro oos ot occosom ot josto doo doloros ot oo robom. Stot cloto kosd goborgron, no soo tokomoto sonctos ost Lorom opsom dolor sot omot. Lorom opsom dolor sot omot, consototor sodopscong olotr, sod doom nonomy oormod tompor onvodont ot loboro ot doloro mogno oloqoyom orot, sod doom voloptoo. Ot voro oos ot occosom ot josto doo doloros ot oo robom. Stot cloto kosd goborgron, no soo tokomoto sonctos ost Lorom opsom dolor sot omot. Lorom opsom dolor sot omot, consototor sodopscong olotr, sod doom nonomy oormod tompor onvodont ot loboro ot doloro mogno oloqoyom orot, sod doom voloptoo. Ot voro oos ot occosom ot josto doo doloros ot oo robom. Stot cloto kosd goborgron, no soo tokomoto sonctos ost Lorom opsom dolor sot omot.</text>
<text text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="25" id="line_e" y="54" x="115.5" fill="#dcdcde">Lurum upsum dulur sut umut, cunsututur sudupscung ulutr, sud duum nunumy uurmud tumpur unvudunt ut luburu ut duluru mugnu uluquyum urut, sud duum vuluptuu. Ut vuru uus ut uccusum ut justu duu dulurus ut uu rubum. Stut clutu kusd guburgrun, nu suu tukumutu sunctus ust Lurum upsum dulur sut umut. Lurum upsum dulur sut umut, cunsututur sudupscung ulutr, sud duum nunumy uurmud tumpur unvudunt ut luburu ut duluru mugnu uluquyum urut, sud duum vuluptuu. Ut vuru uus ut uccusum ut justu duu dulurus ut uu rubum. Stut clutu kusd guburgrun, nu suu tukumutu sunctus ust Lurum upsum dulur sut umut. Lurum upsum dulur sut umut, cunsututur sudupscung ulutr, sud duum nunumy uurmud tumpur unvudunt ut luburu ut duluru mugnu uluquyum urut, sud duum vuluptuu. Ut vuru uus ut uccusum ut justu duu dulurus ut uu rubum. Stut clutu kusd guburgrun, nu suu tukumutu sunctus ust Lurum upsum dulur sut umut.</text>
</g>
</svg>