Lost in the tech css version

Developer

Size

4,702 Kb

Views

4,048

Lost in the tech css version Previews
Lost in the tech css version HTML Codes
Lost in the tech css version CSS Codes

How do I make an lost in the tech css version?

What is a lost in the tech css version? How do you make a lost in the tech css version? This script and codes were developed by Qpoziomek on 06 January 2023, Friday.

Lost in the tech css version Previews

Lost in the tech css version - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Lost in the tech css version</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="obraz">	<span class="tlow">	<span class="wlosy-tyl dwa"></span>	<span class="wlosy-tyl jeden"></span>	<span class="reka prawa"></span>	<span class="cyc"></span>	<span class="reka lewa"></span>	</span>	<div class="obrot">	<span class="tablet">	<span class="swiatlo"></span>	<span class="ekran dziesiec"></span>	<span class="ekran cztery"></span>	<span class="ekran trzy"></span>	<span class="ekran dwa"></span>	<span class="ekran piec"></span>	<span class="ekran jeden"></span>	<span class="ekran szesc"></span>	<span class="ekran siedem"></span>	<span class="ekran osiem"></span>	<span class="ekran dziewiec"></span>	<span class="ekran jedenascie"></span>	<span class="pokrowiec"></span>	<span class="dlon"></span>	</span>	<span class="glowa">	<span class="szyja"></span>	<span class="wlosy-gora"></span>	<span class="wlosy-glowa"></span>	<span class="wlosy-grzywka"></span>	<span class="skura"></span>	<span class="nos"></span>	<span class="czolo"></span>	<span class="czolo dwa"></span>	<span class="policzek"></span>	<span class="broda"></span>	<span class="broda dwa"></span>	<span class="broda trzy"></span>	<span class="broda cztery"></span>	<span class="oko lewe"></span>	<span class="oko lewe dwa"></span>	<span class="oko prawe dwa"></span>	<span class="oko prawe"></span>	<span class="wlosy-ucho"></span>	<span class="wlosy-czolo"></span>	<span class="ucho"></span>	<span class="usta"></span>	<span class="usta dwa"></span>	<span class="usta trzy"></span>	</span>	</div>
</div>
<p class="text">Design by <a href="https://dribbble.com/shots/3009223-Phone-Face" target="_blank">Blackbox Visual</a></p>
</body>
</html>

Lost in the tech css version - Script Codes CSS Codes

body,html{height:100%;width:100%;overflow:hidden}
body{font:normal normal 14px/19px Arial,sans-serif;letter-spacing:1px;margin:0;background:#121D51}
::-moz-selection{background:#EEEEEE;color:#121D51}
::selection{background:#EEEEEE;color:#121D51}
.text{position:absolute;bottom:20px;left:25px;color:#78939F;font-family:Arial,sans-serif;text-transform:uppercase;font-size:14px;line-height:28px;font-weight:bold;letter-spacing:2px;z-index:99}
a{color:#32CCFD;text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}
p{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
.obraz{position:absolute;width:400px;height:300px;top:50%;left:50%;margin-left:-190px;margin-top:-130px}
@media (max-width:550px){.obraz{-webkit-transform:scale(0.75);transform:scale(0.75)}}
@media (max-width:440px){.obraz{-webkit-transform:scale(0.5);transform:scale(0.5)}}
.obrot{-webkit-transform-origin:320px 250px;transform-origin:320px 250px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
.tlow{position:absolute;top:210px;right:25px;width:105px;height:300px;background:#6A3760;border-radius:60px 60px 0 0}
.cyc{position:absolute;top:70px;right:70px;width:60px;height:60px;background:#6A3760;border-radius:60px}
.reka{position:absolute;top:50px;right:10px;width:30px;height:220px}
.reka.prawa{top:30px;right:30px;width:390px;height:30px;background:#6A3760;border-radius:30px 0 0 30px}
.reka.lewa{top:30px;right:15px;width:30px;height:270px;background:#7D3F72;border-radius:30px 30px 0 0}
.szyja{position:absolute;bottom:-90px;right:50%;width:35px;height:100px;background:#FCDDC0;border-radius:0 0 35px 35px}
.glowa{position:absolute;top:0;right:0;width:120px;height:150px}
.skura{position:absolute;top:0;left:0;width:120px;height:150px;background:#FBE8D5;border-radius:0 0 45px 0}
.ucho{position:absolute;top:52px;right:-22px;width:45px;height:45px;background:#FBE8D5;border-radius:45px}
.oko{position:absolute;right:0;height:35px;background:#FABDA9;border-radius:35px 0 0 35px}
.oko.lewe{top:10px;width:155px}
.oko.lewe.dwa{top:10px;right:110px;width:55px;border-radius:35px}
.oko.prawe{top:44px;width:175px}
.oko.prawe.dwa{top:44px;right:110px;width:55px;border-radius:35px;background:#FCD6A7}
.usta{position:absolute;bottom:34px;right:60px;margin-right:10px;width:75px;height:24px;background:#FD7369;border-radius:24px}
.usta.dwa{position:absolute;bottom:34px;right:90px;width:35px;height:24px;background:#FD7369;border-radius:24px}
.usta.trzy{position:absolute;top:6px;right:120px;width:35px;height:24px;background:#FD7369;border-radius:24px}
.broda{position:absolute;bottom:0;right:60px;width:95px;height:34px;background:#FBE8D5;border-radius:34px 0 0 34px}
.broda.dwa{position:absolute;bottom:7px;right:130px;width:16px;height:16px;background:#FBE8D5;border-radius:16px}
.broda.trzy{position:absolute;bottom:-4px;right:100px;width:24px;height:24px;background:#FCBA5B;border-radius:24px}
.broda.cztery{position:absolute;bottom:16px;right:185px;width:34px;height:34px;background:#FBE8D5;border-radius:34px}
.czolo{position:absolute;top:0;right:50%;width:150px;height:44px;background:#FBE8D5;border-radius:44px 0 0 44px}
.czolo.dwa{top:-36px;right:120px;width:35px;height:30px;background:#FBE8D5;border-radius:30px}
.policzek{position:absolute;top:74px;right:50%;width:175px;height:44px;background:#FBE8D5;border-radius:44px 0 0 44px}
.nos{position:absolute;top:32px;right:50%;width:275px;height:44px;background:#FBE8D5;border-radius:44px 0 0 44px}
.wlosy-ucho{position:absolute;top:-20px;right:-24px;width:80px;height:80px;background:#FCBA5B;border-radius:80px}
.wlosy-czolo{position:absolute;top:-7px;right:0;width:105px;height:34px;background:#FCBA5B;border-radius:34px 0 0 34px}
.wlosy-glowa{position:absolute;top:-30px;right:0;width:170px;height:34px;background:#FCBA5B;border-radius:34px 0 0 34px}
.wlosy-grzywka{position:absolute;top:-60px;right:34px;width:87px;height:34px;background:#FCBA5B;border-radius:34px 0 0 34px}
.wlosy-gora{position:absolute;top:-60px;right:-40px;width:150px;height:150px;background:#FCBA5B;border-radius:150px}
.wlosy-tyl.jeden{position:absolute;top:-190px;right:-20px;width:180px;height:180px;background:#FCBA5B;border-radius:180px;z-index:-2}
.wlosy-tyl.dwa{position:absolute;top:-70px;right:-60px;width:240px;height:160px;background:#FCBA5B;border-radius:160px;z-index:-2}
.wlosy-tyl.jeden{-webkit-animation:anim_wlosy_tyl_jeden 3s infinite ease-in-out;animation:anim_wlosy_tyl_jeden 3s infinite ease-in-out}
@-webkit-keyframes anim_wlosy_tyl_jeden{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
@keyframes anim_wlosy_tyl_jeden{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
.wlosy-tyl.dwa{-webkit-animation:anim_wlosy_tyl_dwa 3s infinite ease-in-out;animation:anim_wlosy_tyl_dwa 3s infinite ease-in-out}
@-webkit-keyframes anim_wlosy_tyl_dwa{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
@keyframes anim_wlosy_tyl_dwa{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
.oko.lewe{-webkit-animation:anim_oko_lewe 3s infinite ease-in-out;animation:anim_oko_lewe 3s infinite ease-in-out}
@-webkit-keyframes anim_oko_lewe{0%{width:155px}15%{width:160px}30%{width:155px}45%{width:160px}60%{width:155px}75%{width:160px}100%{width:155px}}
@keyframes anim_oko_lewe{0%{width:155px}15%{width:160px}30%{width:155px}45%{width:160px}60%{width:155px}75%{width:160px}100%{width:155px}}
.oko.lewe.dwa{-webkit-animation:anim_oko_lewe_dwa 3s infinite ease-in-out;animation:anim_oko_lewe_dwa 3s infinite ease-in-out}
@-webkit-keyframes anim_oko_lewe_dwa{0%,50%{opacity:0;right:110px;width:55px}65%{opacity:1;width:75px}90%,100%{opacity:0;right:210px;width:55px}}
@keyframes anim_oko_lewe_dwa{0%,50%{opacity:0;right:110px;width:55px}65%{opacity:1;width:75px}90%,100%{opacity:0;right:210px;width:55px}}
.oko.prawe{-webkit-animation:anim_oko_prawe 3s infinite ease-in-out;animation:anim_oko_prawe 3s infinite ease-in-out}
@-webkit-keyframes anim_oko_prawe{0%{width:175px}15%{width:170px}30%{width:175px}45%{width:170px}60%{width:190px}75%{width:180px}90%{width:185px}100%{width:175px}}
@keyframes anim_oko_prawe{0%{width:175px}15%{width:170px}30%{width:175px}45%{width:170px}60%{width:190px}75%{width:180px}90%{width:185px}100%{width:175px}}
.oko.prawe.dwa{-webkit-animation:anim_oko_prawe_dwa 3s infinite linear;animation:anim_oko_prawe_dwa 3s infinite linear}
@-webkit-keyframes anim_oko_prawe_dwa{0%{opacity:0;right:110px;width:55px}15%{opacity:1;right:130px}30%{opacity:1;width:75px}50%{opacity:0;right:240px;width:40px}100%{opacity:0;right:240px;width:40px}}
@keyframes anim_oko_prawe_dwa{0%{opacity:0;right:110px;width:55px}15%{opacity:1;right:130px}30%{opacity:1;width:75px}50%{opacity:0;right:240px;width:40px}100%{opacity:0;right:240px;width:40px}}
.usta{-webkit-animation:anim_usta 3s infinite ease-in-out;animation:anim_usta 3s infinite ease-in-out}
@-webkit-keyframes anim_usta{0%{width:75px}15%{width:85px}40%{width:80px}50%{width:100px}75%{width:65px}100%{width:75px}}
@keyframes anim_usta{0%{width:75px}15%{width:85px}40%{width:80px}50%{width:100px}75%{width:65px}100%{width:75px}}
.usta.dwa{-webkit-animation:anim_usta_dwa 3s infinite ease-in-out;animation:anim_usta_dwa 3s infinite ease-in-out}
@-webkit-keyframes anim_usta_dwa{0%{opacity:0;right:90px;width:35px}40%{opacity:1;width:35px}65%{opacity:1;right:120px;width:90px}70%{opacity:1}100%{opacity:0;right:190px;width:34px}}
@keyframes anim_usta_dwa{0%{opacity:0;right:90px;width:35px}40%{opacity:1;width:35px}65%{opacity:1;right:120px;width:90px}70%{opacity:1}100%{opacity:0;right:190px;width:34px}}
.usta.trzy{z-index:-1;-webkit-animation:anim_usta_trzy 3s infinite linear;animation:anim_usta_trzy 3s infinite linear}
@-webkit-keyframes anim_usta_trzy{0%,5%{opacity:0;right:130px;width:35px}10%{opacity:1}40%{opacity:1;right:200px;width:90px}60%{opacity:1}70%,100%{opacity:0;right:300px;width:34px}}
@keyframes anim_usta_trzy{0%,5%{opacity:0;right:130px;width:35px}10%{opacity:1}40%{opacity:1;right:200px;width:90px}60%{opacity:1}70%,100%{opacity:0;right:300px;width:34px}}
.broda{-webkit-animation:anim_broda 3s infinite ease-in-out;animation:anim_broda 3s infinite ease-in-out}
@-webkit-keyframes anim_broda{0%{width:95px}15%{width:120px}40%{width:115px}50%{width:120px}65%{width:110px}75%{width:125px}100%{width:95px}}
@keyframes anim_broda{0%{width:95px}15%{width:120px}40%{width:115px}50%{width:120px}65%{width:110px}75%{width:125px}100%{width:95px}}
.broda.dwa{-webkit-animation:anim_broda_dwa 3s infinite linear;animation:anim_broda_dwa 3s infinite linear}
@-webkit-keyframes anim_broda_dwa{0%{opacity:1;right:130px}45%{opacity:1}70%{opacity:0;right:280px}100%{opacity:0;right:280px}}
@keyframes anim_broda_dwa{0%{opacity:1;right:130px}45%{opacity:1}70%{opacity:0;right:280px}100%{opacity:0;right:280px}}
.broda.trzy{z-index:-1;-webkit-animation:anim_broda_trzy 3s infinite linear;animation:anim_broda_trzy 3s infinite linear}
@-webkit-keyframes anim_broda_trzy{0%{opacity:0;right:100px;width:35px}25%{opacity:1;right:120px;width:40px}55%{opacity:1;right:170px;width:85px}70%{opacity:1;right:220px;width:60px}85%{opacity:1;right:260px;width:40px}100%{opacity:0;right:270px;width:35px}}
@keyframes anim_broda_trzy{0%{opacity:0;right:100px;width:35px}25%{opacity:1;right:120px;width:40px}55%{opacity:1;right:170px;width:85px}70%{opacity:1;right:220px;width:60px}85%{opacity:1;right:260px;width:40px}100%{opacity:0;right:270px;width:35px}}
.broda.cztery{-webkit-animation:anim_broda_cztery 3s infinite linear;animation:anim_broda_cztery 3s infinite linear}
@-webkit-keyframes anim_broda_cztery{0%{opacity:0;right:185px;width:35px}5%{opacity:1;right:190px}30%{opacity:1;right:220px;width:95px}45%{opacity:1;right:280px}65%{opacity:0.8;right:340px}75%{opacity:0;right:360px;width:35px}100%{opacity:0;right:360px;width:35px}}
@keyframes anim_broda_cztery{0%{opacity:0;right:185px;width:35px}5%{opacity:1;right:190px}30%{opacity:1;right:220px;width:95px}45%{opacity:1;right:280px}65%{opacity:0.8;right:340px}75%{opacity:0;right:360px;width:35px}100%{opacity:0;right:360px;width:35px}}
.czolo{-webkit-animation:anim_czolo 3s infinite ease-in-out;animation:anim_czolo 3s infinite ease-in-out}
@-webkit-keyframes anim_czolo{0%{width:150px}20%{width:145px}35%{width:155px}50%{width:150px}75%{width:190px}100%{width:150px}}
@keyframes anim_czolo{0%{width:150px}20%{width:145px}35%{width:155px}50%{width:150px}75%{width:190px}100%{width:150px}}
.czolo.dwa{-webkit-animation:anim_czolo_dwa 3s infinite linear;animation:anim_czolo_dwa 3s infinite linear}
@-webkit-keyframes anim_czolo_dwa{0%{opacity:0;right:140px;width:35px}40%{opacity:0;right:140px;width:40px}50%{opacity:0.85}70%{opacity:0.85;right:200px;width:100px}90%{opacity:0.85;right:310px;width:40px}100%{opacity:0;right:330px;width:35px}}
@keyframes anim_czolo_dwa{0%{opacity:0;right:140px;width:35px}40%{opacity:0;right:140px;width:40px}50%{opacity:0.85}70%{opacity:0.85;right:200px;width:100px}90%{opacity:0.85;right:310px;width:40px}100%{opacity:0;right:330px;width:35px}}
.policzek{-webkit-animation:anim_policzek 3s infinite ease-in-out;animation:anim_policzek 3s infinite ease-in-out}
@-webkit-keyframes anim_policzek{0%{width:175px}15%{width:170px}30%{width:210px}45%{width:190px}60%{width:210px}100%{width:175px}}
@keyframes anim_policzek{0%{width:175px}15%{width:170px}30%{width:210px}45%{width:190px}60%{width:210px}100%{width:175px}}
.nos{z-index:-1;-webkit-animation:anim_nos 3s infinite ease-in-out;animation:anim_nos 3s infinite ease-in-out}
@-webkit-keyframes anim_nos{0%{width:275px}15%{width:335px}30%{width:335px}50%{width:310px}60%{width:335px}100%{width:275px}}
@keyframes anim_nos{0%{width:275px}15%{width:335px}30%{width:335px}50%{width:310px}60%{width:335px}100%{width:275px}}
.wlosy-czolo{-webkit-animation:anim_wlosy_czolo 3s infinite ease-in-out;animation:anim_wlosy_czolo 3s infinite ease-in-out}
@-webkit-keyframes anim_wlosy_czolo{0%{width:105px}15%{width:115px}30%{width:105px}50%{width:115px}60%{width:115px}70%{width:105px}80%{width:115px}100%{width:105px}}
@keyframes anim_wlosy_czolo{0%{width:105px}15%{width:115px}30%{width:105px}50%{width:115px}60%{width:115px}70%{width:105px}80%{width:115px}100%{width:105px}}
.wlosy-glowa{-webkit-animation:anim_wlosy_glowa 3s infinite ease-in-out;animation:anim_wlosy_glowa 3s infinite ease-in-out}
@-webkit-keyframes anim_wlosy_glowa{0%{width:170px}10%{width:170px}20%{width:173px}40%{width:170px}60%{width:173px}80%{width:160px}100%{width:170px}}
@keyframes anim_wlosy_glowa{0%{width:170px}10%{width:170px}20%{width:173px}40%{width:170px}60%{width:173px}80%{width:160px}100%{width:170px}}
.wlosy-grzywka{-webkit-animation:anim_wlosy_grzywka 3s infinite ease-in-out;animation:anim_wlosy_grzywka 3s infinite ease-in-out}
@-webkit-keyframes anim_wlosy_grzywka{0%{width:87px}15%{width:95px}35%{width:90px}45%{width:85px}80%{width:100px}100%{width:87px}}
@keyframes anim_wlosy_grzywka{0%{width:87px}15%{width:95px}35%{width:90px}45%{width:85px}80%{width:100px}100%{width:87px}}
.tablet{position:absolute;top:0;left:0;width:20px;height:115px}
.pokrowiec{position:absolute;top:0;left:0;width:20px;height:115px;background:#78939F;border-radius:20px}
.swiatlo{position:absolute;top:50%;left:50%;width:200px;height:260px;background:rgba(0,170,255,0.2);background:-webkit-radial-gradient(center, ellipse cover, rgba(0,170,255,0.3) 14%,rgba(0,170,255,0) 65%);background:radial-gradient(ellipse at center, rgba(0,170,255,0.3) 14%,rgba(0,170,255,0) 65%);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.dlon{position:absolute;bottom:0;left:-30px;width:40px;height:75px;background:#FDFEFA;border-radius:40px}
.ekran{position:absolute;left:10px;height:30px;background:#FBE8D5;border-radius:0 30px 30px 0}
.ekran.jeden{top:0;width:90px;background:#32CCFD;border-radius:30px}
.ekran.dwa{top:15px;width:100px;background:#54F6FE}
.ekran.trzy{top:45px;width:140px;height:34px;background:#54F6FE}
.ekran.cztery{bottom:0;width:125px;background:#54F6FE;border-radius:30px}
.ekran.piec{bottom:15px;width:90px;background:#32CCFD}
.ekran.szesc{top:-5px;width:25px;height:25px;background:#54F6FE;border-radius:30px}
.ekran.siedem{top:-34px;left:80px;width:34px;height:34px;background:#32CCFD;border-radius:34px}
.ekran.osiem{bottom:-34px;left:10px;width:35px;height:32px;background:#32CCFD;border-radius:32px}
.ekran.dziewiec{top:34px;left:75px;width:180px;height:34px;background:#32CCFD;border-radius:34px}
.ekran.dziesiec{bottom:15px;left:80px;width:34px;height:34px;background:#54F6FE;border-radius:34px}
.ekran.jedenascie{top:-16px;left:25px;width:16px;height:16px;background:#54F6FE;border-radius:16px}
.ekran.jedenascie{-webkit-animation:anim_ekran_jedenascie 3s infinite linear;animation:anim_ekran_jedenascie 3s infinite linear}
@-webkit-keyframes anim_ekran_jedenascie{0%,30%{opacity:0;left:25px}45%{opacity:1;left:55px}75%{opacity:1}90%{opacity:0}100%{opacity:0;left:250px}}
@keyframes anim_ekran_jedenascie{0%,30%{opacity:0;left:25px}45%{opacity:1;left:55px}75%{opacity:1}90%{opacity:0}100%{opacity:0;left:250px}}
.ekran.dziesiec{-webkit-animation:anim_ekran_dziesiec 3s infinite linear;animation:anim_ekran_dziesiec 3s infinite linear}
@-webkit-keyframes anim_ekran_dziesiec{0%{opacity:0;left:20px;width:34px}35%{opacity:0;left:20px;width:34px}55%{opacity:1}65%{opacity:1;left:55px;width:120px}85%{opacity:1;left:185px;width:44px}100%{opacity:0;left:200px;width:34px}}
@keyframes anim_ekran_dziesiec{0%{opacity:0;left:20px;width:34px}35%{opacity:0;left:20px;width:34px}55%{opacity:1}65%{opacity:1;left:55px;width:120px}85%{opacity:1;left:185px;width:44px}100%{opacity:0;left:200px;width:34px}}
.ekran.dziewiec{-webkit-animation:anim_ekran_dziewiec 3s infinite linear;animation:anim_ekran_dziewiec 3s infinite linear}
@-webkit-keyframes anim_ekran_dziewiec{0%{opacity:1;left:75px;width:180px}30%{opacity:1}40%{opacity:0;left:260px;width:55px}55%{opacity:0;left:20px;width:55px}90%{opacity:1}100%{opacity:1;left:75px;width:180px}}
@keyframes anim_ekran_dziewiec{0%{opacity:1;left:75px;width:180px}30%{opacity:1}40%{opacity:0;left:260px;width:55px}55%{opacity:0;left:20px;width:55px}90%{opacity:1}100%{opacity:1;left:75px;width:180px}}
.ekran.osiem{-webkit-animation:anim_ekran_osiem 3s infinite ease-in-out;animation:anim_ekran_osiem 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_osiem{0%,50%{opacity:0;left:10px;width:35px}65%{opacity:1;width:85px}100%{opacity:0;left:140px;width:35px}}
@keyframes anim_ekran_osiem{0%,50%{opacity:0;left:10px;width:35px}65%{opacity:1;width:85px}100%{opacity:0;left:140px;width:35px}}
.ekran.siedem{-webkit-animation:anim_ekran_siedem 3s infinite ease-in-out;animation:anim_ekran_siedem 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_siedem{0%{opacity:0;left:50px;width:34px}5%{opacity:0;left:50px;width:34px}35%{opacity:1;left:85px;width:120px}55%{opacity:0;left:190px;width:34px}100%{opacity:0;left:220px;width:34px}}
@keyframes anim_ekran_siedem{0%{opacity:0;left:50px;width:34px}5%{opacity:0;left:50px;width:34px}35%{opacity:1;left:85px;width:120px}55%{opacity:0;left:190px;width:34px}100%{opacity:0;left:220px;width:34px}}
.ekran.szesc{-webkit-animation:anim_ekran_szesc 3s infinite linear;animation:anim_ekran_szesc 3s infinite linear}
@-webkit-keyframes anim_ekran_szesc{0%{opacity:0;left:10px;width:25px}5%{opacity:1;left:10px;width:25px}25%{opacity:1;left:15px;width:40px}50%{opacity:1;left:50px;width:100px}75%{opacity:1;left:180px;width:80px}95%{opacity:0;left:300px;width:80px}100%{opacity:0;left:10px;width:25px}}
@keyframes anim_ekran_szesc{0%{opacity:0;left:10px;width:25px}5%{opacity:1;left:10px;width:25px}25%{opacity:1;left:15px;width:40px}50%{opacity:1;left:50px;width:100px}75%{opacity:1;left:180px;width:80px}95%{opacity:0;left:300px;width:80px}100%{opacity:0;left:10px;width:25px}}
.ekran.jeden{-webkit-animation:anim_ekran_jeden 3s infinite ease-in-out;animation:anim_ekran_jeden 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_jeden{0%{width:90px}25%{width:55px}50%{width:60px}70%{width:90px}75%{width:55px}80%{width:50px}85%{width:55px}100%{width:89px}}
@keyframes anim_ekran_jeden{0%{width:90px}25%{width:55px}50%{width:60px}70%{width:90px}75%{width:55px}80%{width:50px}85%{width:55px}100%{width:89px}}
.ekran.dwa{-webkit-animation:anim_ekran_dwa 3s infinite ease-in-out;animation:anim_ekran_dwa 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_dwa{0%{width:100px}15%{width:55px}40%{width:45px}50%{width:80px}65%{width:35px}75%{width:50px}85%{width:60px}100%{width:99px}}
@keyframes anim_ekran_dwa{0%{width:100px}15%{width:55px}40%{width:45px}50%{width:80px}65%{width:35px}75%{width:50px}85%{width:60px}100%{width:99px}}
.ekran.trzy{z-index:-2;-webkit-animation:anim_ekran_trzy 3s infinite ease-in-out;animation:anim_ekran_trzy 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_trzy{0%{width:140px}50%{width:80px}100%{width:139px}}
@keyframes anim_ekran_trzy{0%{width:140px}50%{width:80px}100%{width:139px}}
.ekran.cztery{-webkit-animation:anim_ekran_cztery 3s infinite ease-in-out;animation:anim_ekran_cztery 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_cztery{0%{width:125px}15%{width:95px}40%{width:105px}50%{width:90px}65%{width:100px}75%{width:90px}100%{width:124px}}
@keyframes anim_ekran_cztery{0%{width:125px}15%{width:95px}40%{width:105px}50%{width:90px}65%{width:100px}75%{width:90px}100%{width:124px}}
.ekran.piec{-webkit-animation:anim_ekran_piec 3s infinite ease-in-out;animation:anim_ekran_piec 3s infinite ease-in-out}
@-webkit-keyframes anim_ekran_piec{0%{width:90px}15%{width:100px}30%{width:95px}45%{width:50px}55%{width:60px}75%{width:62px}85%{width:50px}100%{width:89px}}
@keyframes anim_ekran_piec{0%{width:90px}15%{width:100px}30%{width:95px}45%{width:50px}55%{width:60px}75%{width:62px}85%{width:50px}100%{width:89px}}
.swiatlo{z-index:-5;-webkit-animation:anim_swiatlo 3s infinite ease-in-out;animation:anim_swiatlo 3s infinite ease-in-out}
@-webkit-keyframes anim_swiatlo{0%{opacity:0.7}15%{opacity:0.5}35%{opacity:0.7}45%{opacity:0.5}65%{opacity:0.8}80%{opacity:0.5}100%{opacity:0.7}}
@keyframes anim_swiatlo{0%{opacity:0.7}15%{opacity:0.5}35%{opacity:0.7}45%{opacity:0.5}65%{opacity:0.8}80%{opacity:0.5}100%{opacity:0.7}}

Home Page	Home
Developer	Qpoziomek
Username	poziomq
Uploaded	January 06, 2023
Rating	4.5
Size	4,702 Kb
Views	4,048

Do you need developer help for Lost in the tech css version?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Qpoziomek (poziomq) Script Codes

Name	Size
Darth Vader css	3,501 Kb
Logo Update	2,137 Kb
Simple Pacman loader	1,873 Kb
Daily Postage 069 - Minions	3,064 Kb
Spinner loader	2,060 Kb
PoziomQ	3,804 Kb
Dancer css	3,567 Kb
Qpassword	2,746 Kb
Sleeping mask 3 css	2,969 Kb
Miserable Weather	2,775 Kb

Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
Fellowship of the Ring	Aussieyang	2,639 Kb
Navier Stoke Fluid Simulation	Esimov	8,584 Kb
Ripples in water	Nobitagit	2,704 Kb
Pure CSS Spinners	Jlong	2,043 Kb
Responsive scrolling text	Ashdurham	2,259 Kb
Find The Penguin	Lelder	2,212 Kb
Countdown Timer	Massiebn	3,001 Kb
Brent Burns Tribute Page	Nevada48	2,569 Kb
Android Play Store With Slick Carousel	-J0hn-	4,982 Kb
Add This API	ThatGuySam	2,848 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!