Outrun test 1

Developer

Size

4,677 Kb

Views

32,384

Outrun test 1 Previews
Outrun test 1 HTML Codes
Outrun test 1 CSS Codes

How do I make an outrun test 1?

What is a outrun test 1? How do you make a outrun test 1? This script and codes were developed by Petri Pottonen on 26 August 2022, Friday.

Outrun test 1 Previews

Outrun test 1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>outrun test 1</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='container'> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div> <div class='box'></div>
</div>
</body>
</html>

Outrun test 1 - Script Codes CSS Codes

.box { border-left: 1px solid red; border-bottom: 1px solid red; float: left; height: 50px; width: 50px; -webkit-animation: example 2s ease infinite; animation: example 2s ease infinite; box-shadow: 0 0 4px red;
}
.box:hover { background: blue;
}
.container { height: 300%; -webkit-transform: perspective(31em) rotateX(63deg) rotatey(0deg); transform: perspective(31em) rotateX(63deg) rotatey(0deg);
}
.box:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s;
}
.box:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;
}
.box:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s;
}
.box:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;
}
.box:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;
}
.box:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;
}
.box:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s;
}
.box:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;
}
.box:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s;
}
.box:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;
}
.box:nth-child(11) { -webkit-animation-delay: 0.55s; animation-delay: 0.55s;
}
.box:nth-child(12) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;
}
.box:nth-child(13) { -webkit-animation-delay: 0.65s; animation-delay: 0.65s;
}
.box:nth-child(14) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;
}
.box:nth-child(15) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;
}
.box:nth-child(16) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;
}
.box:nth-child(17) { -webkit-animation-delay: 0.85s; animation-delay: 0.85s;
}
.box:nth-child(18) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;
}
.box:nth-child(19) { -webkit-animation-delay: 0.95s; animation-delay: 0.95s;
}
.box:nth-child(20) { -webkit-animation-delay: 1s; animation-delay: 1s;
}
.box:nth-child(21) { -webkit-animation-delay: 1.05s; animation-delay: 1.05s;
}
.box:nth-child(22) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s;
}
.box:nth-child(23) { -webkit-animation-delay: 1.15s; animation-delay: 1.15s;
}
.box:nth-child(24) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;
}
.box:nth-child(25) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s;
}
.box:nth-child(26) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s;
}
.box:nth-child(27) { -webkit-animation-delay: 1.35s; animation-delay: 1.35s;
}
.box:nth-child(28) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;
}
.box:nth-child(29) { -webkit-animation-delay: 1.45s; animation-delay: 1.45s;
}
.box:nth-child(30) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
.box:nth-child(31) { -webkit-animation-delay: 1.55s; animation-delay: 1.55s;
}
.box:nth-child(32) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;
}
.box:nth-child(33) { -webkit-animation-delay: 1.65s; animation-delay: 1.65s;
}
.box:nth-child(34) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s;
}
.box:nth-child(35) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s;
}
.box:nth-child(36) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;
}
.box:nth-child(37) { -webkit-animation-delay: 1.85s; animation-delay: 1.85s;
}
.box:nth-child(38) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s;
}
.box:nth-child(39) { -webkit-animation-delay: 1.95s; animation-delay: 1.95s;
}
.box:nth-child(40) { -webkit-animation-delay: 2s; animation-delay: 2s;
}
.box:nth-child(41) { -webkit-animation-delay: 2.05s; animation-delay: 2.05s;
}
.box:nth-child(42) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s;
}
.box:nth-child(43) { -webkit-animation-delay: 2.15s; animation-delay: 2.15s;
}
.box:nth-child(44) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s;
}
.box:nth-child(45) { -webkit-animation-delay: 2.25s; animation-delay: 2.25s;
}
.box:nth-child(46) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s;
}
.box:nth-child(47) { -webkit-animation-delay: 2.35s; animation-delay: 2.35s;
}
.box:nth-child(48) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;
}
.box:nth-child(49) { -webkit-animation-delay: 2.45s; animation-delay: 2.45s;
}
.box:nth-child(50) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s;
}
.box:nth-child(51) { -webkit-animation-delay: 2.55s; animation-delay: 2.55s;
}
.box:nth-child(52) { -webkit-animation-delay: 2.6s; animation-delay: 2.6s;
}
.box:nth-child(53) { -webkit-animation-delay: 2.65s; animation-delay: 2.65s;
}
.box:nth-child(54) { -webkit-animation-delay: 2.7s; animation-delay: 2.7s;
}
.box:nth-child(55) { -webkit-animation-delay: 2.75s; animation-delay: 2.75s;
}
.box:nth-child(56) { -webkit-animation-delay: 2.8s; animation-delay: 2.8s;
}
.box:nth-child(57) { -webkit-animation-delay: 2.85s; animation-delay: 2.85s;
}
.box:nth-child(58) { -webkit-animation-delay: 2.9s; animation-delay: 2.9s;
}
.box:nth-child(59) { -webkit-animation-delay: 2.95s; animation-delay: 2.95s;
}
.box:nth-child(60) { -webkit-animation-delay: 3s; animation-delay: 3s;
}
.box:nth-child(61) { -webkit-animation-delay: 3.05s; animation-delay: 3.05s;
}
.box:nth-child(62) { -webkit-animation-delay: 3.1s; animation-delay: 3.1s;
}
.box:nth-child(63) { -webkit-animation-delay: 3.15s; animation-delay: 3.15s;
}
.box:nth-child(64) { -webkit-animation-delay: 3.2s; animation-delay: 3.2s;
}
.box:nth-child(65) { -webkit-animation-delay: 3.25s; animation-delay: 3.25s;
}
.box:nth-child(66) { -webkit-animation-delay: 3.3s; animation-delay: 3.3s;
}
.box:nth-child(67) { -webkit-animation-delay: 3.35s; animation-delay: 3.35s;
}
.box:nth-child(68) { -webkit-animation-delay: 3.4s; animation-delay: 3.4s;
}
.box:nth-child(69) { -webkit-animation-delay: 3.45s; animation-delay: 3.45s;
}
.box:nth-child(70) { -webkit-animation-delay: 3.5s; animation-delay: 3.5s;
}
.box:nth-child(71) { -webkit-animation-delay: 3.55s; animation-delay: 3.55s;
}
.box:nth-child(72) { -webkit-animation-delay: 3.6s; animation-delay: 3.6s;
}
.box:nth-child(73) { -webkit-animation-delay: 3.65s; animation-delay: 3.65s;
}
.box:nth-child(74) { -webkit-animation-delay: 3.7s; animation-delay: 3.7s;
}
.box:nth-child(75) { -webkit-animation-delay: 3.75s; animation-delay: 3.75s;
}
.box:nth-child(76) { -webkit-animation-delay: 3.8s; animation-delay: 3.8s;
}
.box:nth-child(77) { -webkit-animation-delay: 3.85s; animation-delay: 3.85s;
}
.box:nth-child(78) { -webkit-animation-delay: 3.9s; animation-delay: 3.9s;
}
.box:nth-child(79) { -webkit-animation-delay: 3.95s; animation-delay: 3.95s;
}
.box:nth-child(80) { -webkit-animation-delay: 4s; animation-delay: 4s;
}
.box:nth-child(81) { -webkit-animation-delay: 4.05s; animation-delay: 4.05s;
}
.box:nth-child(82) { -webkit-animation-delay: 4.1s; animation-delay: 4.1s;
}
.box:nth-child(83) { -webkit-animation-delay: 4.15s; animation-delay: 4.15s;
}
.box:nth-child(84) { -webkit-animation-delay: 4.2s; animation-delay: 4.2s;
}
.box:nth-child(85) { -webkit-animation-delay: 4.25s; animation-delay: 4.25s;
}
.box:nth-child(86) { -webkit-animation-delay: 4.3s; animation-delay: 4.3s;
}
.box:nth-child(87) { -webkit-animation-delay: 4.35s; animation-delay: 4.35s;
}
.box:nth-child(88) { -webkit-animation-delay: 4.4s; animation-delay: 4.4s;
}
.box:nth-child(89) { -webkit-animation-delay: 4.45s; animation-delay: 4.45s;
}
.box:nth-child(90) { -webkit-animation-delay: 4.5s; animation-delay: 4.5s;
}
.box:nth-child(91) { -webkit-animation-delay: 4.55s; animation-delay: 4.55s;
}
.box:nth-child(92) { -webkit-animation-delay: 4.6s; animation-delay: 4.6s;
}
.box:nth-child(93) { -webkit-animation-delay: 4.65s; animation-delay: 4.65s;
}
.box:nth-child(94) { -webkit-animation-delay: 4.7s; animation-delay: 4.7s;
}
.box:nth-child(95) { -webkit-animation-delay: 4.75s; animation-delay: 4.75s;
}
.box:nth-child(96) { -webkit-animation-delay: 4.8s; animation-delay: 4.8s;
}
.box:nth-child(97) { -webkit-animation-delay: 4.85s; animation-delay: 4.85s;
}
.box:nth-child(98) { -webkit-animation-delay: 4.9s; animation-delay: 4.9s;
}
.box:nth-child(99) { -webkit-animation-delay: 4.95s; animation-delay: 4.95s;
}
.box:nth-child(100) { -webkit-animation-delay: 5s; animation-delay: 5s;
}
.box:nth-child(101) { -webkit-animation-delay: 5.05s; animation-delay: 5.05s;
}
.box:nth-child(102) { -webkit-animation-delay: 5.1s; animation-delay: 5.1s;
}
.box:nth-child(103) { -webkit-animation-delay: 5.15s; animation-delay: 5.15s;
}
.box:nth-child(104) { -webkit-animation-delay: 5.2s; animation-delay: 5.2s;
}
.box:nth-child(105) { -webkit-animation-delay: 5.25s; animation-delay: 5.25s;
}
.box:nth-child(106) { -webkit-animation-delay: 5.3s; animation-delay: 5.3s;
}
.box:nth-child(107) { -webkit-animation-delay: 5.35s; animation-delay: 5.35s;
}
.box:nth-child(108) { -webkit-animation-delay: 5.4s; animation-delay: 5.4s;
}
.box:nth-child(109) { -webkit-animation-delay: 5.45s; animation-delay: 5.45s;
}
.box:nth-child(110) { -webkit-animation-delay: 5.5s; animation-delay: 5.5s;
}
.box:nth-child(111) { -webkit-animation-delay: 5.55s; animation-delay: 5.55s;
}
.box:nth-child(112) { -webkit-animation-delay: 5.6s; animation-delay: 5.6s;
}
.box:nth-child(113) { -webkit-animation-delay: 5.65s; animation-delay: 5.65s;
}
.box:nth-child(114) { -webkit-animation-delay: 5.7s; animation-delay: 5.7s;
}
.box:nth-child(115) { -webkit-animation-delay: 5.75s; animation-delay: 5.75s;
}
.box:nth-child(116) { -webkit-animation-delay: 5.8s; animation-delay: 5.8s;
}
.box:nth-child(117) { -webkit-animation-delay: 5.85s; animation-delay: 5.85s;
}
.box:nth-child(118) { -webkit-animation-delay: 5.9s; animation-delay: 5.9s;
}
.box:nth-child(119) { -webkit-animation-delay: 5.95s; animation-delay: 5.95s;
}
.box:nth-child(120) { -webkit-animation-delay: 6s; animation-delay: 6s;
}
.box:nth-child(121) { -webkit-animation-delay: 6.05s; animation-delay: 6.05s;
}
.box:nth-child(122) { -webkit-animation-delay: 6.1s; animation-delay: 6.1s;
}
.box:nth-child(123) { -webkit-animation-delay: 6.15s; animation-delay: 6.15s;
}
.box:nth-child(124) { -webkit-animation-delay: 6.2s; animation-delay: 6.2s;
}
.box:nth-child(125) { -webkit-animation-delay: 6.25s; animation-delay: 6.25s;
}
.box:nth-child(126) { -webkit-animation-delay: 6.3s; animation-delay: 6.3s;
}
.box:nth-child(127) { -webkit-animation-delay: 6.35s; animation-delay: 6.35s;
}
.box:nth-child(128) { -webkit-animation-delay: 6.4s; animation-delay: 6.4s;
}
.box:nth-child(129) { -webkit-animation-delay: 6.45s; animation-delay: 6.45s;
}
.box:nth-child(130) { -webkit-animation-delay: 6.5s; animation-delay: 6.5s;
}
.box:nth-child(131) { -webkit-animation-delay: 6.55s; animation-delay: 6.55s;
}
.box:nth-child(132) { -webkit-animation-delay: 6.6s; animation-delay: 6.6s;
}
.box:nth-child(133) { -webkit-animation-delay: 6.65s; animation-delay: 6.65s;
}
.box:nth-child(134) { -webkit-animation-delay: 6.7s; animation-delay: 6.7s;
}
.box:nth-child(135) { -webkit-animation-delay: 6.75s; animation-delay: 6.75s;
}
.box:nth-child(136) { -webkit-animation-delay: 6.8s; animation-delay: 6.8s;
}
.box:nth-child(137) { -webkit-animation-delay: 6.85s; animation-delay: 6.85s;
}
.box:nth-child(138) { -webkit-animation-delay: 6.9s; animation-delay: 6.9s;
}
.box:nth-child(139) { -webkit-animation-delay: 6.95s; animation-delay: 6.95s;
}
.box:nth-child(140) { -webkit-animation-delay: 7s; animation-delay: 7s;
}
.box:nth-child(141) { -webkit-animation-delay: 7.05s; animation-delay: 7.05s;
}
.box:nth-child(142) { -webkit-animation-delay: 7.1s; animation-delay: 7.1s;
}
.box:nth-child(143) { -webkit-animation-delay: 7.15s; animation-delay: 7.15s;
}
.box:nth-child(144) { -webkit-animation-delay: 7.2s; animation-delay: 7.2s;
}
.box:nth-child(145) { -webkit-animation-delay: 7.25s; animation-delay: 7.25s;
}
.box:nth-child(146) { -webkit-animation-delay: 7.3s; animation-delay: 7.3s;
}
.box:nth-child(147) { -webkit-animation-delay: 7.35s; animation-delay: 7.35s;
}
.box:nth-child(148) { -webkit-animation-delay: 7.4s; animation-delay: 7.4s;
}
.box:nth-child(149) { -webkit-animation-delay: 7.45s; animation-delay: 7.45s;
}
.box:nth-child(150) { -webkit-animation-delay: 7.5s; animation-delay: 7.5s;
}
.box:nth-child(151) { -webkit-animation-delay: 7.55s; animation-delay: 7.55s;
}
.box:nth-child(152) { -webkit-animation-delay: 7.6s; animation-delay: 7.6s;
}
.box:nth-child(153) { -webkit-animation-delay: 7.65s; animation-delay: 7.65s;
}
.box:nth-child(154) { -webkit-animation-delay: 7.7s; animation-delay: 7.7s;
}
.box:nth-child(155) { -webkit-animation-delay: 7.75s; animation-delay: 7.75s;
}
.box:nth-child(156) { -webkit-animation-delay: 7.8s; animation-delay: 7.8s;
}
.box:nth-child(157) { -webkit-animation-delay: 7.85s; animation-delay: 7.85s;
}
.box:nth-child(158) { -webkit-animation-delay: 7.9s; animation-delay: 7.9s;
}
.box:nth-child(159) { -webkit-animation-delay: 7.95s; animation-delay: 7.95s;
}
.box:nth-child(160) { -webkit-animation-delay: 8s; animation-delay: 8s;
}
.box:nth-child(161) { -webkit-animation-delay: 8.05s; animation-delay: 8.05s;
}
.box:nth-child(162) { -webkit-animation-delay: 8.1s; animation-delay: 8.1s;
}
.box:nth-child(163) { -webkit-animation-delay: 8.15s; animation-delay: 8.15s;
}
.box:nth-child(164) { -webkit-animation-delay: 8.2s; animation-delay: 8.2s;
}
.box:nth-child(165) { -webkit-animation-delay: 8.25s; animation-delay: 8.25s;
}
.box:nth-child(166) { -webkit-animation-delay: 8.3s; animation-delay: 8.3s;
}
.box:nth-child(167) { -webkit-animation-delay: 8.35s; animation-delay: 8.35s;
}
.box:nth-child(168) { -webkit-animation-delay: 8.4s; animation-delay: 8.4s;
}
.box:nth-child(169) { -webkit-animation-delay: 8.45s; animation-delay: 8.45s;
}
.box:nth-child(170) { -webkit-animation-delay: 8.5s; animation-delay: 8.5s;
}
.box:nth-child(171) { -webkit-animation-delay: 8.55s; animation-delay: 8.55s;
}
.box:nth-child(172) { -webkit-animation-delay: 8.6s; animation-delay: 8.6s;
}
.box:nth-child(173) { -webkit-animation-delay: 8.65s; animation-delay: 8.65s;
}
.box:nth-child(174) { -webkit-animation-delay: 8.7s; animation-delay: 8.7s;
}
.box:nth-child(175) { -webkit-animation-delay: 8.75s; animation-delay: 8.75s;
}
.box:nth-child(176) { -webkit-animation-delay: 8.8s; animation-delay: 8.8s;
}
.box:nth-child(177) { -webkit-animation-delay: 8.85s; animation-delay: 8.85s;
}
.box:nth-child(178) { -webkit-animation-delay: 8.9s; animation-delay: 8.9s;
}
.box:nth-child(179) { -webkit-animation-delay: 8.95s; animation-delay: 8.95s;
}
.box:nth-child(180) { -webkit-animation-delay: 9s; animation-delay: 9s;
}
.box:nth-child(181) { -webkit-animation-delay: 9.05s; animation-delay: 9.05s;
}
.box:nth-child(182) { -webkit-animation-delay: 9.1s; animation-delay: 9.1s;
}
.box:nth-child(183) { -webkit-animation-delay: 9.15s; animation-delay: 9.15s;
}
.box:nth-child(184) { -webkit-animation-delay: 9.2s; animation-delay: 9.2s;
}
.box:nth-child(185) { -webkit-animation-delay: 9.25s; animation-delay: 9.25s;
}
.box:nth-child(186) { -webkit-animation-delay: 9.3s; animation-delay: 9.3s;
}
.box:nth-child(187) { -webkit-animation-delay: 9.35s; animation-delay: 9.35s;
}
.box:nth-child(188) { -webkit-animation-delay: 9.4s; animation-delay: 9.4s;
}
.box:nth-child(189) { -webkit-animation-delay: 9.45s; animation-delay: 9.45s;
}
.box:nth-child(190) { -webkit-animation-delay: 9.5s; animation-delay: 9.5s;
}
.box:nth-child(191) { -webkit-animation-delay: 9.55s; animation-delay: 9.55s;
}
.box:nth-child(192) { -webkit-animation-delay: 9.6s; animation-delay: 9.6s;
}
.box:nth-child(193) { -webkit-animation-delay: 9.65s; animation-delay: 9.65s;
}
.box:nth-child(194) { -webkit-animation-delay: 9.7s; animation-delay: 9.7s;
}
.box:nth-child(195) { -webkit-animation-delay: 9.75s; animation-delay: 9.75s;
}
.box:nth-child(196) { -webkit-animation-delay: 9.8s; animation-delay: 9.8s;
}
.box:nth-child(197) { -webkit-animation-delay: 9.85s; animation-delay: 9.85s;
}
.box:nth-child(198) { -webkit-animation-delay: 9.9s; animation-delay: 9.9s;
}
.box:nth-child(199) { -webkit-animation-delay: 9.95s; animation-delay: 9.95s;
}
.box:nth-child(200) { -webkit-animation-delay: 10s; animation-delay: 10s;
}
.box:nth-child(201) { -webkit-animation-delay: 10.05s; animation-delay: 10.05s;
}
.box:nth-child(202) { -webkit-animation-delay: 10.1s; animation-delay: 10.1s;
}
.box:nth-child(203) { -webkit-animation-delay: 10.15s; animation-delay: 10.15s;
}
.box:nth-child(204) { -webkit-animation-delay: 10.2s; animation-delay: 10.2s;
}
.box:nth-child(205) { -webkit-animation-delay: 10.25s; animation-delay: 10.25s;
}
.box:nth-child(206) { -webkit-animation-delay: 10.3s; animation-delay: 10.3s;
}
.box:nth-child(207) { -webkit-animation-delay: 10.35s; animation-delay: 10.35s;
}
.box:nth-child(208) { -webkit-animation-delay: 10.4s; animation-delay: 10.4s;
}
.box:nth-child(209) { -webkit-animation-delay: 10.45s; animation-delay: 10.45s;
}
.box:nth-child(210) { -webkit-animation-delay: 10.5s; animation-delay: 10.5s;
}
.box:nth-child(211) { -webkit-animation-delay: 10.55s; animation-delay: 10.55s;
}
.box:nth-child(212) { -webkit-animation-delay: 10.6s; animation-delay: 10.6s;
}
.box:nth-child(213) { -webkit-animation-delay: 10.65s; animation-delay: 10.65s;
}
.box:nth-child(214) { -webkit-animation-delay: 10.7s; animation-delay: 10.7s;
}
.box:nth-child(215) { -webkit-animation-delay: 10.75s; animation-delay: 10.75s;
}
.box:nth-child(216) { -webkit-animation-delay: 10.8s; animation-delay: 10.8s;
}
.box:nth-child(217) { -webkit-animation-delay: 10.85s; animation-delay: 10.85s;
}
.box:nth-child(218) { -webkit-animation-delay: 10.9s; animation-delay: 10.9s;
}
.box:nth-child(219) { -webkit-animation-delay: 10.95s; animation-delay: 10.95s;
}
.box:nth-child(220) { -webkit-animation-delay: 11s; animation-delay: 11s;
}
.box:nth-child(221) { -webkit-animation-delay: 11.05s; animation-delay: 11.05s;
}
.box:nth-child(222) { -webkit-animation-delay: 11.1s; animation-delay: 11.1s;
}
.box:nth-child(223) { -webkit-animation-delay: 11.15s; animation-delay: 11.15s;
}
.box:nth-child(224) { -webkit-animation-delay: 11.2s; animation-delay: 11.2s;
}
.box:nth-child(225) { -webkit-animation-delay: 11.25s; animation-delay: 11.25s;
}
.box:nth-child(226) { -webkit-animation-delay: 11.3s; animation-delay: 11.3s;
}
.box:nth-child(227) { -webkit-animation-delay: 11.35s; animation-delay: 11.35s;
}
.box:nth-child(228) { -webkit-animation-delay: 11.4s; animation-delay: 11.4s;
}
.box:nth-child(229) { -webkit-animation-delay: 11.45s; animation-delay: 11.45s;
}
.box:nth-child(230) { -webkit-animation-delay: 11.5s; animation-delay: 11.5s;
}
.box:nth-child(231) { -webkit-animation-delay: 11.55s; animation-delay: 11.55s;
}
.box:nth-child(232) { -webkit-animation-delay: 11.6s; animation-delay: 11.6s;
}
.box:nth-child(233) { -webkit-animation-delay: 11.65s; animation-delay: 11.65s;
}
.box:nth-child(234) { -webkit-animation-delay: 11.7s; animation-delay: 11.7s;
}
.box:nth-child(235) { -webkit-animation-delay: 11.75s; animation-delay: 11.75s;
}
.box:nth-child(236) { -webkit-animation-delay: 11.8s; animation-delay: 11.8s;
}
.box:nth-child(237) { -webkit-animation-delay: 11.85s; animation-delay: 11.85s;
}
.box:nth-child(238) { -webkit-animation-delay: 11.9s; animation-delay: 11.9s;
}
.box:nth-child(239) { -webkit-animation-delay: 11.95s; animation-delay: 11.95s;
}
.box:nth-child(240) { -webkit-animation-delay: 12s; animation-delay: 12s;
}
.box:nth-child(241) { -webkit-animation-delay: 12.05s; animation-delay: 12.05s;
}
.box:nth-child(242) { -webkit-animation-delay: 12.1s; animation-delay: 12.1s;
}
.box:nth-child(243) { -webkit-animation-delay: 12.15s; animation-delay: 12.15s;
}
.box:nth-child(244) { -webkit-animation-delay: 12.2s; animation-delay: 12.2s;
}
.box:nth-child(245) { -webkit-animation-delay: 12.25s; animation-delay: 12.25s;
}
.box:nth-child(246) { -webkit-animation-delay: 12.3s; animation-delay: 12.3s;
}
.box:nth-child(247) { -webkit-animation-delay: 12.35s; animation-delay: 12.35s;
}
.box:nth-child(248) { -webkit-animation-delay: 12.4s; animation-delay: 12.4s;
}
.box:nth-child(249) { -webkit-animation-delay: 12.45s; animation-delay: 12.45s;
}
.box:nth-child(250) { -webkit-animation-delay: 12.5s; animation-delay: 12.5s;
}
.box:nth-child(251) { -webkit-animation-delay: 12.55s; animation-delay: 12.55s;
}
.box:nth-child(252) { -webkit-animation-delay: 12.6s; animation-delay: 12.6s;
}
.box:nth-child(253) { -webkit-animation-delay: 12.65s; animation-delay: 12.65s;
}
.box:nth-child(254) { -webkit-animation-delay: 12.7s; animation-delay: 12.7s;
}
.box:nth-child(255) { -webkit-animation-delay: 12.75s; animation-delay: 12.75s;
}
.box:nth-child(256) { -webkit-animation-delay: 12.8s; animation-delay: 12.8s;
}
.box:nth-child(257) { -webkit-animation-delay: 12.85s; animation-delay: 12.85s;
}
.box:nth-child(258) { -webkit-animation-delay: 12.9s; animation-delay: 12.9s;
}
.box:nth-child(259) { -webkit-animation-delay: 12.95s; animation-delay: 12.95s;
}
.box:nth-child(260) { -webkit-animation-delay: 13s; animation-delay: 13s;
}
.box:nth-child(261) { -webkit-animation-delay: 13.05s; animation-delay: 13.05s;
}
.box:nth-child(262) { -webkit-animation-delay: 13.1s; animation-delay: 13.1s;
}
.box:nth-child(263) { -webkit-animation-delay: 13.15s; animation-delay: 13.15s;
}
.box:nth-child(264) { -webkit-animation-delay: 13.2s; animation-delay: 13.2s;
}
.box:nth-child(265) { -webkit-animation-delay: 13.25s; animation-delay: 13.25s;
}
.box:nth-child(266) { -webkit-animation-delay: 13.3s; animation-delay: 13.3s;
}
.box:nth-child(267) { -webkit-animation-delay: 13.35s; animation-delay: 13.35s;
}
.box:nth-child(268) { -webkit-animation-delay: 13.4s; animation-delay: 13.4s;
}
.box:nth-child(269) { -webkit-animation-delay: 13.45s; animation-delay: 13.45s;
}
.box:nth-child(270) { -webkit-animation-delay: 13.5s; animation-delay: 13.5s;
}
.box:nth-child(271) { -webkit-animation-delay: 13.55s; animation-delay: 13.55s;
}
.box:nth-child(272) { -webkit-animation-delay: 13.6s; animation-delay: 13.6s;
}
.box:nth-child(273) { -webkit-animation-delay: 13.65s; animation-delay: 13.65s;
}
.box:nth-child(274) { -webkit-animation-delay: 13.7s; animation-delay: 13.7s;
}
.box:nth-child(275) { -webkit-animation-delay: 13.75s; animation-delay: 13.75s;
}
.box:nth-child(276) { -webkit-animation-delay: 13.8s; animation-delay: 13.8s;
}
.box:nth-child(277) { -webkit-animation-delay: 13.85s; animation-delay: 13.85s;
}
.box:nth-child(278) { -webkit-animation-delay: 13.9s; animation-delay: 13.9s;
}
.box:nth-child(279) { -webkit-animation-delay: 13.95s; animation-delay: 13.95s;
}
.box:nth-child(280) { -webkit-animation-delay: 14s; animation-delay: 14s;
}
.box:nth-child(281) { -webkit-animation-delay: 14.05s; animation-delay: 14.05s;
}
.box:nth-child(282) { -webkit-animation-delay: 14.1s; animation-delay: 14.1s;
}
.box:nth-child(283) { -webkit-animation-delay: 14.15s; animation-delay: 14.15s;
}
.box:nth-child(284) { -webkit-animation-delay: 14.2s; animation-delay: 14.2s;
}
.box:nth-child(285) { -webkit-animation-delay: 14.25s; animation-delay: 14.25s;
}
.box:nth-child(286) { -webkit-animation-delay: 14.3s; animation-delay: 14.3s;
}
.box:nth-child(287) { -webkit-animation-delay: 14.35s; animation-delay: 14.35s;
}
.box:nth-child(288) { -webkit-animation-delay: 14.4s; animation-delay: 14.4s;
}
.box:nth-child(289) { -webkit-animation-delay: 14.45s; animation-delay: 14.45s;
}
.box:nth-child(290) { -webkit-animation-delay: 14.5s; animation-delay: 14.5s;
}
.box:nth-child(291) { -webkit-animation-delay: 14.55s; animation-delay: 14.55s;
}
.box:nth-child(292) { -webkit-animation-delay: 14.6s; animation-delay: 14.6s;
}
.box:nth-child(293) { -webkit-animation-delay: 14.65s; animation-delay: 14.65s;
}
.box:nth-child(294) { -webkit-animation-delay: 14.7s; animation-delay: 14.7s;
}
.box:nth-child(295) { -webkit-animation-delay: 14.75s; animation-delay: 14.75s;
}
.box:nth-child(296) { -webkit-animation-delay: 14.8s; animation-delay: 14.8s;
}
.box:nth-child(297) { -webkit-animation-delay: 14.85s; animation-delay: 14.85s;
}
.box:nth-child(298) { -webkit-animation-delay: 14.9s; animation-delay: 14.9s;
}
.box:nth-child(299) { -webkit-animation-delay: 14.95s; animation-delay: 14.95s;
}
.box:nth-child(300) { -webkit-animation-delay: 15s; animation-delay: 15s;
}
/* The animation code */
@-webkit-keyframes example { 00% { background: blue; } 100% { background: red; }
}
@keyframes example { 00% { background: blue; } 100% { background: red; }
}

Home Page	Home
Developer	Petri Pottonen
Username	ketri
Uploaded	August 26, 2022
Rating	3
Size	4,677 Kb
Views	32,384

Do you need developer help for Outrun test 1?

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!

Petri Pottonen (ketri) Script Codes

Name	Size
Slidein portfolio without ajax	4,965 Kb
Infinite scrolling background	2,281 Kb
Mouseover image	1,403 Kb
Animated text background-image	819,265 Kb
Wrap last word in span	2,072 Kb
JM navi offcanvas	4,916 Kb
Delay animation loop scss	2,423 Kb
Responsive typography example	2,295 Kb
Squarespace translate five next and previous	1,653 Kb
A Pen by Petri Pottonen	33,168 Kb

Create amazing captions 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
Beveled corners using CSS border attribute	DawsonMediaD	2,136 Kb
Rotate Demo	Agelber	3,061 Kb
Fun animations with CSS3	Minimalmonkey	2,360 Kb
Infractions - Attitude	Kylie_Joseph	7,672 Kb
Simple Accordion	Wearebold	3,683 Kb
Exploring css spinners	Akagr	3,569 Kb
Rows with image hover effect	Amit-webdesigner	12,875 Kb
React Recipe Box	Krokodill	5,347 Kb
TinFoil Boats	Chandralil	4,577 Kb
FCC Portfolio	Cmwebby	4,304 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!