Dot Ripple CSS

Developer

Size

9,856 Kb

Views

18,216

Dot Ripple CSS Previews
Dot Ripple CSS HTML Codes
Dot Ripple CSS CSS Codes

How do I make an dot ripple css?

Inspired by: http://codepen.io/phenomnomnominal/pen/dPOpqbUsing Jade and CSS to create a rippling dot matrix.. What is a dot ripple css? How do you make a dot ripple css? This script and codes were developed by Peter Hrynkow on 14 September 2022, Wednesday.

Dot Ripple CSS Previews

Dot Ripple CSS - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Dot Ripple CSS</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<ul> <li style="top: 0px; left: 0px; -webkit-animation-delay: -999s"> </li> <li style="top: 0px; left: 25px; -webkit-animation-delay: -998.9166666666666s"> </li> <li style="top: 0px; left: 50px; -webkit-animation-delay: -998.8333333333334s"> </li> <li style="top: 0px; left: 75px; -webkit-animation-delay: -998.75s"> </li> <li style="top: 0px; left: 100px; -webkit-animation-delay: -998.6666666666666s"> </li> <li style="top: 0px; left: 125px; -webkit-animation-delay: -998.5833333333334s"> </li> <li style="top: 0px; left: 150px; -webkit-animation-delay: -998.5s"> </li> <li style="top: 0px; left: 175px; -webkit-animation-delay: -998.4166666666666s"> </li> <li style="top: 0px; left: 200px; -webkit-animation-delay: -998.3333333333334s"> </li> <li style="top: 0px; left: 225px; -webkit-animation-delay: -998.25s"> </li> <li style="top: 0px; left: 250px; -webkit-animation-delay: -998.1666666666666s"> </li> <li style="top: 0px; left: 275px; -webkit-animation-delay: -998.0833333333334s"> </li> <li style="top: 0px; left: 300px; -webkit-animation-delay: -998s"> </li> <li style="top: 0px; left: 325px; -webkit-animation-delay: -997.9166666666666s"> </li> <li style="top: 0px; left: 350px; -webkit-animation-delay: -997.8333333333334s"> </li> <li style="top: 0px; left: 375px; -webkit-animation-delay: -997.75s"> </li> <li style="top: 0px; left: 400px; -webkit-animation-delay: -997.6666666666666s"> </li> <li style="top: 0px; left: 425px; -webkit-animation-delay: -997.5833333333334s"> </li> <li style="top: 0px; left: 450px; -webkit-animation-delay: -997.5s"> </li> <li style="top: 0px; left: 475px; -webkit-animation-delay: -997.4166666666666s"> </li> <li style="top: 0px; left: 500px; -webkit-animation-delay: -997.3333333333334s"> </li> <li style="top: 0px; left: 525px; -webkit-animation-delay: -997.25s"> </li> <li style="top: 0px; left: 550px; -webkit-animation-delay: -997.1666666666666s"> </li> <li style="top: 0px; left: 575px; -webkit-animation-delay: -997.0833333333334s"> </li> <li style="top: 0px; left: 600px; -webkit-animation-delay: -997s"> </li> <li style="top: 0px; left: 625px; -webkit-animation-delay: -996.9166666666666s"> </li> <li style="top: 0px; left: 650px; -webkit-animation-delay: -996.8333333333334s"> </li> <li style="top: 0px; left: 675px; -webkit-animation-delay: -996.75s"> </li> <li style="top: 0px; left: 700px; -webkit-animation-delay: -996.6666666666666s"> </li> <li style="top: 0px; left: 725px; -webkit-animation-delay: -996.5833333333334s"> </li> <li style="top: 0px; left: 750px; -webkit-animation-delay: -996.5s"> </li> <li style="top: 0px; left: 775px; -webkit-animation-delay: -996.4166666666666s"> </li> <li style="top: 0px; left: 800px; -webkit-animation-delay: -996.3333333333334s"> </li> <li style="top: 0px; left: 825px; -webkit-animation-delay: -996.25s"> </li> <li style="top: 0px; left: 850px; -webkit-animation-delay: -996.1666666666666s"> </li> <li style="top: 0px; left: 875px; -webkit-animation-delay: -996.0833333333334s"> </li> <li style="top: 0px; left: 900px; -webkit-animation-delay: -996s"> </li> <li style="top: 0px; left: 925px; -webkit-animation-delay: -995.9166666666666s"> </li> <li style="top: 0px; left: 950px; -webkit-animation-delay: -995.8333333333334s"> </li> <li style="top: 0px; left: 975px; -webkit-animation-delay: -995.75s"> </li> <li style="top: 25px; left: 0px; -webkit-animation-delay: -998.9166666666666s"> </li> <li style="top: 25px; left: 25px; -webkit-animation-delay: -998.8821488698022s"> </li> <li style="top: 25px; left: 50px; -webkit-animation-delay: -998.8136610018751s"> </li> <li style="top: 25px; left: 75px; -webkit-animation-delay: -998.7364768616526s"> </li> <li style="top: 25px; left: 100px; -webkit-animation-delay: -998.6564078645318s"> </li> <li style="top: 25px; left: 125px; -webkit-animation-delay: -998.5750817072006s"> </li> <li style="top: 25px; left: 150px; -webkit-animation-delay: -998.4931031224752s"> </li> <li style="top: 25px; left: 175px; -webkit-animation-delay: -998.4107443490112s"> </li> <li style="top: 25px; left: 200px; -webkit-animation-delay: -998.3281451876418s"> </li> <li style="top: 25px; left: 225px; -webkit-animation-delay: -998.2453845718219s"> </li> <li style="top: 25px; left: 250px; -webkit-animation-delay: -998.1625103649066s"> </li> <li style="top: 25px; left: 275px; -webkit-animation-delay: -998.0795532485678s"> </li> <li style="top: 25px; left: 300px; -webkit-animation-delay: -997.9965337851006s"> </li> <li style="top: 25px; left: 325px; -webkit-animation-delay: -997.9134662657996s"> </li> <li style="top: 25px; left: 350px; -webkit-animation-delay: -997.8303609293652s"> </li> <li style="top: 25px; left: 375px; -webkit-animation-delay: -997.7472253018022s"> </li> <li style="top: 25px; left: 400px; -webkit-animation-delay: -997.6640650381765s"> </li> <li style="top: 25px; left: 425px; -webkit-animation-delay: -997.5808844695061s"> </li> <li style="top: 25px; left: 450px; -webkit-animation-delay: -997.4976869685566s"> </li> <li style="top: 25px; left: 475px; -webkit-animation-delay: -997.4144752007966s"> </li> <li style="top: 25px; left: 500px; -webkit-animation-delay: -997.3312513004582s"> </li> <li style="top: 25px; left: 525px; -webkit-animation-delay: -997.248016996531s"> </li> <li style="top: 25px; left: 550px; -webkit-animation-delay: -997.1647737045379s"> </li> <li style="top: 25px; left: 575px; -webkit-animation-delay: -997.0815225944631s"> </li> <li style="top: 25px; left: 600px; -webkit-animation-delay: -996.9982646417559s"> </li> <li style="top: 25px; left: 625px; -webkit-animation-delay: -996.9150006661339s"> </li> <li style="top: 25px; left: 650px; -webkit-animation-delay: -996.8317313614571s"> </li> <li style="top: 25px; left: 675px; -webkit-animation-delay: -996.7484573189823s"> </li> <li style="top: 25px; left: 700px; -webkit-animation-delay: -996.6651790456464s"> </li> <li style="top: 25px; left: 725px; -webkit-animation-delay: -996.5818969785755s"> </li> <li style="top: 25px; left: 750px; -webkit-animation-delay: -996.4986114966994s"> </li> <li style="top: 25px; left: 775px; -webkit-animation-delay: -996.4153229301215s"> </li> <li style="top: 25px; left: 800px; -webkit-animation-delay: -996.3320315677363s"> </li> <li style="top: 25px; left: 825px; -webkit-animation-delay: -996.2487376634634s"> </li> <li style="top: 25px; left: 850px; -webkit-animation-delay: -996.1654414413841s"> </li> <li style="top: 25px; left: 875px; -webkit-animation-delay: -996.0821430999981s"> </li> <li style="top: 25px; left: 900px; -webkit-animation-delay: -995.9988428157718s"> </li> <li style="top: 25px; left: 925px; -webkit-animation-delay: -995.915540746113s"> </li> <li style="top: 25px; left: 950px; -webkit-animation-delay: -995.8322370318753s"> </li> <li style="top: 25px; left: 975px; -webkit-animation-delay: -995.7489317994781s"> </li> <li style="top: 50px; left: 0px; -webkit-animation-delay: -998.8333333333334s"> </li> <li style="top: 50px; left: 25px; -webkit-animation-delay: -998.8136610018751s"> </li> <li style="top: 50px; left: 50px; -webkit-animation-delay: -998.7642977396044s"> </li> <li style="top: 50px; left: 75px; -webkit-animation-delay: -998.6995373937114s"> </li> <li style="top: 50px; left: 100px; -webkit-animation-delay: -998.62732200375s"> </li> <li style="top: 50px; left: 125px; -webkit-animation-delay: -998.5512362660721s"> </li> <li style="top: 50px; left: 150px; -webkit-animation-delay: -998.4729537233053s"> </li> <li style="top: 50px; left: 175px; -webkit-animation-delay: -998.3933241758933s"> </li> <li style="top: 50px; left: 200px; -webkit-animation-delay: -998.3128157290637s"> </li> <li style="top: 50px; left: 225px; -webkit-animation-delay: -998.2317046285589s"> </li> <li style="top: 50px; left: 250px; -webkit-animation-delay: -998.1501634144012s"> </li> <li style="top: 50px; left: 275px; -webkit-animation-delay: -998.0683050093751s"> </li> <li style="top: 50px; left: 300px; -webkit-animation-delay: -997.9862062449503s"> </li> <li style="top: 50px; left: 325px; -webkit-animation-delay: -997.9039211301695s"> </li> <li style="top: 50px; left: 350px; -webkit-animation-delay: -997.8214886980224s"> </li> <li style="top: 50px; left: 375px; -webkit-animation-delay: -997.7389378374648s"> </li> <li style="top: 50px; left: 400px; -webkit-animation-delay: -997.6562903752836s"> </li> <li style="top: 50px; left: 425px; -webkit-animation-delay: -997.5735631026147s"> </li> <li style="top: 50px; left: 450px; -webkit-animation-delay: -997.4907691436438s"> </li> <li style="top: 50px; left: 475px; -webkit-animation-delay: -997.4079189021214s"> </li> <li style="top: 50px; left: 500px; -webkit-animation-delay: -997.3250207298132s"> </li> <li style="top: 50px; left: 525px; -webkit-animation-delay: -997.2420814075226s"> </li> <li style="top: 50px; left: 550px; -webkit-animation-delay: -997.1591064971354s"> </li> <li style="top: 50px; left: 575px; -webkit-animation-delay: -997.0761006032308s"> </li> <li style="top: 50px; left: 600px; -webkit-animation-delay: -996.9930675702013s"> </li> <li style="top: 50px; left: 625px; -webkit-animation-delay: -996.9100106326692s"> </li> <li style="top: 50px; left: 650px; -webkit-animation-delay: -996.8269325315991s"> </li> <li style="top: 50px; left: 675px; -webkit-animation-delay: -996.7438356048865s"> </li> <li style="top: 50px; left: 700px; -webkit-animation-delay: -996.6607218587303s"> </li> <li style="top: 50px; left: 725px; -webkit-animation-delay: -996.5775930243752s"> </li> <li style="top: 50px; left: 750px; -webkit-animation-delay: -996.4944506036045s"> </li> <li style="top: 50px; left: 775px; -webkit-animation-delay: -996.4112959054985s"> </li> <li style="top: 50px; left: 800px; -webkit-animation-delay: -996.3281300763531s"> </li> <li style="top: 50px; left: 825px; -webkit-animation-delay: -996.2449541241972s"> </li> <li style="top: 50px; left: 850px; -webkit-animation-delay: -996.1617689390123s"> </li> <li style="top: 50px; left: 875px; -webkit-animation-delay: -996.078575309507s"> </li> <li style="top: 50px; left: 900px; -webkit-animation-delay: -995.9953739371133s"> </li> <li style="top: 50px; left: 925px; -webkit-animation-delay: -995.9121654477252s"> </li> <li style="top: 50px; left: 950px; -webkit-animation-delay: -995.8289504015933s"> </li> <li style="top: 50px; left: 975px; -webkit-animation-delay: -995.7457293017055s"> </li> <li style="top: 75px; left: 0px; -webkit-animation-delay: -998.75s"> </li> <li style="top: 75px; left: 25px; -webkit-animation-delay: -998.7364768616526s"> </li> <li style="top: 75px; left: 50px; -webkit-animation-delay: -998.6995373937114s"> </li> <li style="top: 75px; left: 75px; -webkit-animation-delay: -998.6464466094068s"> </li> <li style="top: 75px; left: 100px; -webkit-animation-delay: -998.5833333333334s"> </li> <li style="top: 75px; left: 125px; -webkit-animation-delay: -998.5140873420962s"> </li> <li style="top: 75px; left: 150px; -webkit-animation-delay: -998.4409830056251s"> </li> <li style="top: 75px; left: 175px; -webkit-animation-delay: -998.365352241178s"> </li> <li style="top: 75px; left: 200px; -webkit-animation-delay: -998.2879996878902s"> </li> <li style="top: 75px; left: 225px; -webkit-animation-delay: -998.2094305849579s"> </li> <li style="top: 75px; left: 250px; -webkit-animation-delay: -998.1299744575908s"> </li> <li style="top: 75px; left: 275px; -webkit-animation-delay: -998.0498538124174s"> </li> <li style="top: 75px; left: 300px; -webkit-animation-delay: -997.9692235935955s"> </li> <li style="top: 75px; left: 325px; -webkit-animation-delay: -997.8881946613228s"> </li> <li style="top: 75px; left: 350px; -webkit-animation-delay: -997.806848244727s"> </li> <li style="top: 75px; left: 375px; -webkit-animation-delay: -997.7252451216018s"> </li> <li style="top: 75px; left: 400px; -webkit-animation-delay: -997.6434316169917s"> </li> <li style="top: 75px; left: 425px; -webkit-animation-delay: -997.561443624864s"> </li> <li style="top: 75px; left: 450px; -webkit-animation-delay: -997.4793093674255s"> </li> <li style="top: 75px; left: 475px; -webkit-animation-delay: -997.397051328194s"> </li> <li style="top: 75px; left: 500px; -webkit-animation-delay: -997.314687631987s"> </li> <li style="top: 75px; left: 525px; -webkit-animation-delay: -997.2322330470337s"> </li> <li style="top: 75px; left: 550px; -webkit-animation-delay: -997.1496997240688s"> </li> <li style="top: 75px; left: 575px; -webkit-animation-delay: -997.0670977492094s"> </li> <li style="top: 75px; left: 600px; -webkit-animation-delay: -996.9844355629253s"> </li> <li style="top: 75px; left: 625px; -webkit-animation-delay: -996.901720281331s"> </li> <li style="top: 75px; left: 650px; -webkit-animation-delay: -996.8189579452829s"> </li> <li style="top: 75px; left: 675px; -webkit-animation-delay: -996.7361537154657s"> </li> <li style="top: 75px; left: 700px; -webkit-animation-delay: -996.6533120266118s"> </li> <li style="top: 75px; left: 725px; -webkit-animation-delay: -996.5704367104811s"> </li> <li style="top: 75px; left: 750px; -webkit-animation-delay: -996.4875310947198s"> </li> <li style="top: 75px; left: 775px; -webkit-animation-delay: -996.4045980829337s"> </li> <li style="top: 75px; left: 800px; -webkit-animation-delay: -996.321640220002s"> </li> <li style="top: 75px; left: 825px; -webkit-animation-delay: -996.2386597457032s"> </li> <li style="top: 75px; left: 850px; -webkit-animation-delay: -996.1556586390207s"> </li> <li style="top: 75px; left: 875px; -webkit-animation-delay: -996.0726386549583s"> </li> <li style="top: 75px; left: 900px; -webkit-animation-delay: -995.9896013553019s"> </li> <li style="top: 75px; left: 925px; -webkit-animation-delay: -995.9065481344549s"> </li> <li style="top: 75px; left: 950px; -webkit-animation-delay: -995.8234802412424s"> </li> <li style="top: 75px; left: 975px; -webkit-animation-delay: -995.7403987973987s"> </li> <li style="top: 100px; left: 0px; -webkit-animation-delay: -998.6666666666666s"> </li> <li style="top: 100px; left: 25px; -webkit-animation-delay: -998.6564078645318s"> </li> <li style="top: 100px; left: 50px; -webkit-animation-delay: -998.62732200375s"> </li> <li style="top: 100px; left: 75px; -webkit-animation-delay: -998.5833333333334s"> </li> <li style="top: 100px; left: 100px; -webkit-animation-delay: -998.528595479209s"> </li> <li style="top: 100px; left: 125px; -webkit-animation-delay: -998.4664063135473s"> </li> <li style="top: 100px; left: 150px; -webkit-animation-delay: -998.3990747874227s"> </li> <li style="top: 100px; left: 175px; -webkit-animation-delay: -998.3281451876418s"> </li> <li style="top: 100px; left: 200px; -webkit-animation-delay: -998.2546440075s"> </li> <li style="top: 100px; left: 225px; -webkit-animation-delay: -998.1792618498504s"> </li> <li style="top: 100px; left: 250px; -webkit-animation-delay: -998.1024725321442s"> </li> <li style="top: 100px; left: 275px; -webkit-animation-delay: -998.0246083407734s"> </li> <li style="top: 100px; left: 300px; -webkit-animation-delay: -997.9459074466106s"> </li> <li style="top: 100px; left: 325px; -webkit-animation-delay: -997.8665441242721s"> </li> <li style="top: 100px; left: 350px; -webkit-animation-delay: -997.7866483517865s"> </li> <li style="top: 100px; left: 375px; -webkit-animation-delay: -997.7063187753116s"> </li> <li style="top: 100px; left: 400px; -webkit-animation-delay: -997.6256314581275s"> </li> <li style="top: 100px; left: 425px; -webkit-animation-delay: -997.5446459002856s"> </li> <li style="top: 100px; left: 450px; -webkit-animation-delay: -997.4634092571179s"> </li> <li style="top: 100px; left: 475px; -webkit-animation-delay: -997.3819593467543s"> </li> <li style="top: 100px; left: 500px; -webkit-animation-delay: -997.3003268288024s"> </li> <li style="top: 100px; left: 525px; -webkit-animation-delay: -997.2185368061307s"> </li> <li style="top: 100px; left: 550px; -webkit-animation-delay: -997.1366100187502s"> </li> <li style="top: 100px; left: 575px; -webkit-animation-delay: -997.0545637450118s"> </li> <li style="top: 100px; left: 600px; -webkit-animation-delay: -996.9724124899006s"> </li> <li style="top: 100px; left: 625px; -webkit-animation-delay: -996.8901685164714s"> </li> <li style="top: 100px; left: 650px; -webkit-animation-delay: -996.807842260339s"> </li> <li style="top: 100px; left: 675px; -webkit-animation-delay: -996.7254426560073s"> </li> <li style="top: 100px; left: 700px; -webkit-animation-delay: -996.6429773960449s"> </li> <li style="top: 100px; left: 725px; -webkit-animation-delay: -996.5604531386159s"> </li> <li style="top: 100px; left: 750px; -webkit-animation-delay: -996.4778756749297s"> </li> <li style="top: 100px; left: 775px; -webkit-animation-delay: -996.3952500653187s"> </li> <li style="top: 100px; left: 800px; -webkit-animation-delay: -996.3125807505671s"> </li> <li style="top: 100px; left: 825px; -webkit-animation-delay: -996.2298716435675s"> </li> <li style="top: 100px; left: 850px; -webkit-animation-delay: -996.1471262052294s"> </li> <li style="top: 100px; left: 875px; -webkit-animation-delay: -996.0643475076986s"> </li> <li style="top: 100px; left: 900px; -webkit-animation-delay: -995.9815382872875s"> </li> <li style="top: 100px; left: 925px; -webkit-animation-delay: -995.8987009890119s"> </li> <li style="top: 100px; left: 950px; -webkit-animation-delay: -995.8158378042428s"> </li> <li style="top: 100px; left: 975px; -webkit-animation-delay: -995.7329507026813s"> </li> <li style="top: 125px; left: 0px; -webkit-animation-delay: -998.5833333333334s"> </li> <li style="top: 125px; left: 25px; -webkit-animation-delay: -998.5750817072006s"> </li> <li style="top: 125px; left: 50px; -webkit-animation-delay: -998.5512362660721s"> </li> <li style="top: 125px; left: 75px; -webkit-animation-delay: -998.5140873420962s"> </li> <li style="top: 125px; left: 100px; -webkit-animation-delay: -998.4664063135473s"> </li> <li style="top: 125px; left: 125px; -webkit-animation-delay: -998.4107443490112s"> </li> <li style="top: 125px; left: 150px; -webkit-animation-delay: -998.3491458603411s"> </li> <li style="top: 125px; left: 175px; -webkit-animation-delay: -998.2831395610798s"> </li> <li style="top: 125px; left: 200px; -webkit-animation-delay: -998.213834905662s"> </li> <li style="top: 125px; left: 225px; -webkit-animation-delay: -998.1420308215844s"> </li> <li style="top: 125px; left: 250px; -webkit-animation-delay: -998.0683050093751s"> </li> <li style="top: 125px; left: 275px; -webkit-animation-delay: -997.9930795022004s"> </li> <li style="top: 125px; left: 300px; -webkit-animation-delay: -997.9166666666666s"> </li> <li style="top: 125px; left: 325px; -webkit-animation-delay: -997.8393009769013s"> </li> <li style="top: 125px; left: 350px; -webkit-animation-delay: -997.7611609377235s"> </li> <li style="top: 125px; left: 375px; -webkit-animation-delay: -997.6823843082632s"> </li> <li style="top: 125px; left: 400px; -webkit-animation-delay: -997.6030787821467s"> </li> <li style="top: 125px; left: 425px; -webkit-animation-delay: -997.5233295711109s"> </li> <li style="top: 125px; left: 450px; -webkit-animation-delay: -997.4432048589775s"> </li> <li style="top: 125px; left: 475px; -webkit-animation-delay: -997.3627597746342s"> </li> <li style="top: 125px; left: 500px; -webkit-animation-delay: -997.2820393226593s"> </li> <li style="top: 125px; left: 525px; -webkit-animation-delay: -997.2010805712564s"> </li> <li style="top: 125px; left: 550px; -webkit-animation-delay: -997.1199143045536s"> </li> <li style="top: 125px; left: 575px; -webkit-animation-delay: -997.03856628401s"> </li> <li style="top: 125px; left: 600px; -webkit-animation-delay: -996.9570582213114s"> </li> <li style="top: 125px; left: 625px; -webkit-animation-delay: -996.875408536003s"> </li> <li style="top: 125px; left: 650px; -webkit-animation-delay: -996.7936329508544s"> </li> <li style="top: 125px; left: 675px; -webkit-animation-delay: -996.711744963709s"> </li> <li style="top: 125px; left: 700px; -webkit-animation-delay: -996.6297562244454s"> </li> <li style="top: 125px; left: 725px; -webkit-animation-delay: -996.5476768384063s"> </li> <li style="top: 125px; left: 750px; -webkit-animation-delay: -996.4655156123757s"> </li> <li style="top: 125px; left: 775px; -webkit-animation-delay: -996.3832802553154s"> </li> <li style="top: 125px; left: 800px; -webkit-animation-delay: -996.3009775432164s"> </li> <li style="top: 125px; left: 825px; -webkit-animation-delay: -996.2186134552869s"> </li> <li style="top: 125px; left: 850px; -webkit-animation-delay: -996.1361932870934s"> </li> <li style="top: 125px; left: 875px; -webkit-animation-delay: -996.053721745056s"> </li> <li style="top: 125px; left: 900px; -webkit-animation-delay: -995.971203025769s"> </li> <li style="top: 125px; left: 925px; -webkit-animation-delay: -995.888640882901s"> </li> <li style="top: 125px; left: 950px; -webkit-animation-delay: -995.8060386838772s"> </li> <li style="top: 125px; left: 975px; -webkit-animation-delay: -995.7233994581104s"> </li> <li style="top: 150px; left: 0px; -webkit-animation-delay: -998.5s"> </li> <li style="top: 150px; left: 25px; -webkit-animation-delay: -998.4931031224752s"> </li> <li style="top: 150px; left: 50px; -webkit-animation-delay: -998.4729537233053s"> </li> <li style="top: 150px; left: 75px; -webkit-animation-delay: -998.4409830056251s"> </li> <li style="top: 150px; left: 100px; -webkit-animation-delay: -998.3990747874227s"> </li> <li style="top: 150px; left: 125px; -webkit-animation-delay: -998.3491458603411s"> </li> <li style="top: 150px; left: 150px; -webkit-animation-delay: -998.2928932188134s"> </li> <li style="top: 150px; left: 175px; -webkit-animation-delay: -998.2317046285589s"> </li> <li style="top: 150px; left: 200px; -webkit-animation-delay: -998.1666666666666s"> </li> <li style="top: 150px; left: 225px; -webkit-animation-delay: -998.0986121811341s"> </li> <li style="top: 150px; left: 250px; -webkit-animation-delay: -998.0281746841924s"> </li> <li style="top: 150px; left: 275px; -webkit-animation-delay: -997.9558363261549s"> </li> <li style="top: 150px; left: 300px; -webkit-animation-delay: -997.8819660112501s"> </li> <li style="top: 150px; left: 325px; -webkit-animation-delay: -997.806848244727s"> </li> <li style="top: 150px; left: 350px; -webkit-animation-delay: -997.730704482356s"> </li> <li style="top: 150px; left: 375px; -webkit-animation-delay: -997.6537087982164s"> </li> <li style="top: 150px; left: 400px; -webkit-animation-delay: -997.5759993757804s"> </li> <li style="top: 150px; left: 425px; -webkit-animation-delay: -997.4976869685566s"> </li> <li style="top: 150px; left: 450px; -webkit-animation-delay: -997.4188611699158s"> </li> <li style="top: 150px; left: 475px; -webkit-animation-delay: -997.3395950962357s"> </li> <li style="top: 150px; left: 500px; -webkit-animation-delay: -997.2599489151816s"> </li> <li style="top: 150px; left: 525px; -webkit-animation-delay: -997.1799725276799s"> </li> <li style="top: 150px; left: 550px; -webkit-animation-delay: -997.0997076248348s"> </li> <li style="top: 150px; left: 575px; -webkit-animation-delay: -997.0191892793325s"> </li> <li style="top: 150px; left: 600px; -webkit-animation-delay: -996.9384471871912s"> </li> <li style="top: 150px; left: 625px; -webkit-animation-delay: -996.8575066446363s"> </li> <li style="top: 150px; left: 650px; -webkit-animation-delay: -996.7763893226456s"> </li> <li style="top: 150px; left: 675px; -webkit-animation-delay: -996.6951138856767s"> </li> <li style="top: 150px; left: 700px; -webkit-animation-delay: -996.6136964894539s"> </li> <li style="top: 150px; left: 725px; -webkit-animation-delay: -996.5321511841732s"> </li> <li style="top: 150px; left: 750px; -webkit-animation-delay: -996.4504902432036s"> </li> <li style="top: 150px; left: 775px; -webkit-animation-delay: -996.3687244326921s"> </li> <li style="top: 150px; left: 800px; -webkit-animation-delay: -996.2868632339834s"> </li> <li style="top: 150px; left: 825px; -webkit-animation-delay: -996.2049150281252s"> </li> <li style="top: 150px; left: 850px; -webkit-animation-delay: -996.122887249728s"> </li> <li style="top: 150px; left: 875px; -webkit-animation-delay: -996.0407865159059s"> </li> <li style="top: 150px; left: 900px; -webkit-animation-delay: -995.9586187348509s"> </li> <li style="top: 150px; left: 925px; -webkit-animation-delay: -995.8763891976681s"> </li> <li style="top: 150px; left: 950px; -webkit-animation-delay: -995.7941026563881s"> </li> <li style="top: 150px; left: 975px; -webkit-animation-delay: -995.7117633905085s"> </li> <li style="top: 175px; left: 0px; -webkit-animation-delay: -998.4166666666666s"> </li> <li style="top: 175px; left: 25px; -webkit-animation-delay: -998.4107443490112s"> </li> <li style="top: 175px; left: 50px; -webkit-animation-delay: -998.3933241758933s"> </li> <li style="top: 175px; left: 75px; -webkit-animation-delay: -998.365352241178s"> </li> <li style="top: 175px; left: 100px; -webkit-animation-delay: -998.3281451876418s"> </li> <li style="top: 175px; left: 125px; -webkit-animation-delay: -998.2831395610798s"> </li> <li style="top: 175px; left: 150px; -webkit-animation-delay: -998.2317046285589s"> </li> <li style="top: 175px; left: 175px; -webkit-animation-delay: -998.1750420886157s"> </li> <li style="top: 175px; left: 200px; -webkit-animation-delay: -998.1141545156055s"> </li> <li style="top: 175px; left: 225px; -webkit-animation-delay: -998.0498538124174s"> </li> <li style="top: 175px; left: 250px; -webkit-animation-delay: -997.9827870320222s"> </li> <li style="top: 175px; left: 275px; -webkit-animation-delay: -997.9134662657996s"> </li> <li style="top: 175px; left: 300px; -webkit-animation-delay: -997.8422963342125s"> </li> <li style="top: 175px; left: 325px; -webkit-animation-delay: -997.7695980783138s"> </li> <li style="top: 175px; left: 350px; -webkit-animation-delay: -997.6956270131251s"> </li> <li style="top: 175px; left: 375px; -webkit-animation-delay: -997.6205878868961s"> </li> <li style="top: 175px; left: 400px; -webkit-animation-delay: -997.5446459002856s"> </li> <li style="top: 175px; left: 425px; -webkit-animation-delay: -997.4679353074291s"> </li> <li style="top: 175px; left: 450px; -webkit-animation-delay: -997.3905660070143s"> </li> <li style="top: 175px; left: 475px; -webkit-animation-delay: -997.3126286057236s"> </li> <li style="top: 175px; left: 500px; -webkit-animation-delay: -997.2341983249653s"> </li> <li style="top: 175px; left: 525px; -webkit-animation-delay: -997.1553380315685s"> </li> <li style="top: 175px; left: 550px; -webkit-animation-delay: -997.0761006032308s"> </li> <li style="top: 175px; left: 575px; -webkit-animation-delay: -996.9965307866381s"> </li> <li style="top: 175px; left: 600px; -webkit-animation-delay: -996.9166666666666s"> </li> <li style="top: 175px; left: 625px; -webkit-animation-delay: -996.8365408357088s"> </li> <li style="top: 175px; left: 650px; -webkit-animation-delay: -996.7561813303606s"> </li> <li style="top: 175px; left: 675px; -webkit-animation-delay: -996.6756123865031s"> </li> <li style="top: 175px; left: 700px; -webkit-animation-delay: -996.594855051723s"> </li> <li style="top: 175px; left: 725px; -webkit-animation-delay: -996.5139276849707s"> </li> <li style="top: 175px; left: 750px; -webkit-animation-delay: -996.4328463665418s"> </li> <li style="top: 175px; left: 775px; -webkit-animation-delay: -996.3516252363215s"> </li> <li style="top: 175px; left: 800px; -webkit-animation-delay: -996.2702767743068s"> </li> <li style="top: 175px; left: 825px; -webkit-animation-delay: -996.1888120344279s"> </li> <li style="top: 175px; left: 850px; -webkit-animation-delay: -996.1072408403817s"> </li> <li style="top: 175px; left: 875px; -webkit-animation-delay: -996.0255719504042s"> </li> <li style="top: 175px; left: 900px; -webkit-animation-delay: -995.9438131965179s"> </li> <li style="top: 175px; left: 925px; -webkit-animation-delay: -995.8619716027063s"> </li> <li style="top: 175px; left: 950px; -webkit-animation-delay: -995.7800534856063s"> </li> <li style="top: 175px; left: 975px; -webkit-animation-delay: -995.6980645406402s"> </li> <li style="top: 200px; left: 0px; -webkit-animation-delay: -998.3333333333334s"> </li> <li style="top: 200px; left: 25px; -webkit-animation-delay: -998.3281451876418s"> </li> <li style="top: 200px; left: 50px; -webkit-animation-delay: -998.3128157290637s"> </li> <li style="top: 200px; left: 75px; -webkit-animation-delay: -998.2879996878902s"> </li> <li style="top: 200px; left: 100px; -webkit-animation-delay: -998.2546440075s"> </li> <li style="top: 200px; left: 125px; -webkit-animation-delay: -998.213834905662s"> </li> <li style="top: 200px; left: 150px; -webkit-animation-delay: -998.1666666666666s"> </li> <li style="top: 200px; left: 175px; -webkit-animation-delay: -998.1141545156055s"> </li> <li style="top: 200px; left: 200px; -webkit-animation-delay: -998.0571909584179s"> </li> <li style="top: 200px; left: 225px; -webkit-animation-delay: -997.9965337851006s"> </li> <li style="top: 200px; left: 250px; -webkit-animation-delay: -997.9328126270946s"> </li> <li style="top: 200px; left: 275px; -webkit-animation-delay: -997.8665441242721s"> </li> <li style="top: 200px; left: 300px; -webkit-animation-delay: -997.7981495748453s"> </li> <li style="top: 200px; left: 325px; -webkit-animation-delay: -997.7279718731272s"> </li> <li style="top: 200px; left: 350px; -webkit-animation-delay: -997.6562903752836s"> </li> <li style="top: 200px; left: 375px; -webkit-animation-delay: -997.5833333333334s"> </li> <li style="top: 200px; left: 400px; -webkit-animation-delay: -997.5092880150002s"> </li> <li style="top: 200px; left: 425px; -webkit-animation-delay: -997.4343088143287s"> </li> <li style="top: 200px; left: 450px; -webkit-animation-delay: -997.3585236997006s"> </li> <li style="top: 200px; left: 475px; -webkit-animation-delay: -997.2820393226593s"> </li> <li style="top: 200px; left: 500px; -webkit-animation-delay: -997.2049450642885s"> </li> <li style="top: 200px; left: 525px; -webkit-animation-delay: -997.1273162454796s"> </li> <li style="top: 200px; left: 550px; -webkit-animation-delay: -997.0492166815467s"> </li> <li style="top: 200px; left: 575px; -webkit-animation-delay: -996.970700723019s"> </li> <li style="top: 200px; left: 600px; -webkit-animation-delay: -996.8918148932211s"> </li> <li style="top: 200px; left: 625px; -webkit-animation-delay: -996.8125992085988s"> </li> <li style="top: 200px; left: 650px; -webkit-animation-delay: -996.733088248544s"> </li> <li style="top: 200px; left: 675px; -webkit-animation-delay: -996.6533120266118s"> </li> <li style="top: 200px; left: 700px; -webkit-animation-delay: -996.5732967035732s"> </li> <li style="top: 200px; left: 725px; -webkit-animation-delay: -996.4930651739181s"> </li> <li style="top: 200px; left: 750px; -webkit-animation-delay: -996.4126375506233s"> </li> <li style="top: 200px; left: 775px; -webkit-animation-delay: -996.3320315677363s"> </li> <li style="top: 200px; left: 800px; -webkit-animation-delay: -996.2512629162549s"> </li> <li style="top: 200px; left: 825px; -webkit-animation-delay: -996.1703455256084s"> </li> <li style="top: 200px; left: 850px; -webkit-animation-delay: -996.0892918005711s"> </li> <li style="top: 200px; left: 875px; -webkit-animation-delay: -996.0081128214973s"> </li> <li style="top: 200px; left: 900px; -webkit-animation-delay: -995.9268185142357s"> </li> <li style="top: 200px; left: 925px; -webkit-animation-delay: -995.8454177948754s"> </li> <li style="top: 200px; left: 950px; -webkit-animation-delay: -995.7639186935087s"> </li> <li style="top: 200px; left: 975px; -webkit-animation-delay: -995.6823284604343s"> </li> <li style="top: 225px; left: 0px; -webkit-animation-delay: -998.25s"> </li> <li style="top: 225px; left: 25px; -webkit-animation-delay: -998.2453845718219s"> </li> <li style="top: 225px; left: 50px; -webkit-animation-delay: -998.2317046285589s"> </li> <li style="top: 225px; left: 75px; -webkit-animation-delay: -998.2094305849579s"> </li> <li style="top: 225px; left: 100px; -webkit-animation-delay: -998.1792618498504s"> </li> <li style="top: 225px; left: 125px; -webkit-animation-delay: -998.1420308215844s"> </li> <li style="top: 225px; left: 150px; -webkit-animation-delay: -998.0986121811341s"> </li> <li style="top: 225px; left: 175px; -webkit-animation-delay: -998.0498538124174s"> </li> <li style="top: 225px; left: 200px; -webkit-animation-delay: -997.9965337851006s"> </li> <li style="top: 225px; left: 225px; -webkit-animation-delay: -997.9393398282202s"> </li> <li style="top: 225px; left: 250px; -webkit-animation-delay: -997.8788646627438s"> </li> <li style="top: 225px; left: 275px; -webkit-animation-delay: -997.815610799704s"> </li> <li style="top: 225px; left: 300px; -webkit-animation-delay: -997.75s"> </li> <li style="top: 225px; left: 325px; -webkit-animation-delay: -997.6823843082632s"> </li> <li style="top: 225px; left: 350px; -webkit-animation-delay: -997.6130569185756s"> </li> <li style="top: 225px; left: 375px; -webkit-animation-delay: -997.5422620262887s"> </li> <li style="top: 225px; left: 400px; -webkit-animation-delay: -997.4702033541096s"> </li> <li style="top: 225px; left: 425px; -webkit-animation-delay: -997.397051328194s"> </li> <li style="top: 225px; left: 450px; -webkit-animation-delay: -997.3229490168752s"> </li> <li style="top: 225px; left: 475px; -webkit-animation-delay: -997.248016996531s"> </li> <li style="top: 225px; left: 500px; -webkit-animation-delay: -997.1723573167116s"> </li> <li style="top: 225px; left: 525px; -webkit-animation-delay: -997.096056723534s"> </li> <li style="top: 225px; left: 550px; -webkit-animation-delay: -997.0191892793325s"> </li> <li style="top: 225px; left: 575px; -webkit-animation-delay: -996.9418184941286s"> </li> <li style="top: 225px; left: 600px; -webkit-animation-delay: -996.8639990636706s"> </li> <li style="top: 225px; left: 625px; -webkit-animation-delay: -996.7857782907356s"> </li> <li style="top: 225px; left: 650px; -webkit-animation-delay: -996.7071972513004s"> </li> <li style="top: 225px; left: 675px; -webkit-animation-delay: -996.6282917548738s"> </li> <li style="top: 225px; left: 700px; -webkit-animation-delay: -996.5490931383579s"> </li> <li style="top: 225px; left: 725px; -webkit-animation-delay: -996.4696289248851s"> </li> <li style="top: 225px; left: 750px; -webkit-animation-delay: -996.3899233727724s"> </li> <li style="top: 225px; left: 775px; -webkit-animation-delay: -996.3099979347385s"> </li> <li style="top: 225px; left: 800px; -webkit-animation-delay: -996.2298716435675s"> </li> <li style="top: 225px; left: 825px; -webkit-animation-delay: -996.1495614372521s"> </li> <li style="top: 225px; left: 850px; -webkit-animation-delay: -996.0690824341551s"> </li> <li style="top: 225px; left: 875px; -webkit-animation-delay: -995.9884481667345s"> </li> <li style="top: 225px; left: 900px; -webkit-animation-delay: -995.9076707807867s"> </li> <li style="top: 225px; left: 925px; -webkit-animation-delay: -995.8267612058901s"> </li> <li style="top: 225px; left: 950px; -webkit-animation-delay: -995.7457293017055s"> </li> <li style="top: 225px; left: 975px; -webkit-animation-delay: -995.6645839839684s"> </li> <li style="top: 250px; left: 0px; -webkit-animation-delay: -998.1666666666666s"> </li> <li style="top: 250px; left: 25px; -webkit-animation-delay: -998.1625103649066s"> </li> <li style="top: 250px; left: 50px; -webkit-animation-delay: -998.1501634144012s"> </li> <li style="top: 250px; left: 75px; -webkit-animation-delay: -998.1299744575908s"> </li> <li style="top: 250px; left: 100px; -webkit-animation-delay: -998.1024725321442s"> </li> <li style="top: 250px; left: 125px; -webkit-animation-delay: -998.0683050093751s"> </li> <li style="top: 250px; left: 150px; -webkit-animation-delay: -998.0281746841924s"> </li> <li style="top: 250px; left: 175px; -webkit-animation-delay: -997.9827870320222s"> </li> <li style="top: 250px; left: 200px; -webkit-animation-delay: -997.9328126270946s"> </li> <li style="top: 250px; left: 225px; -webkit-animation-delay: -997.8788646627438s"> </li> <li style="top: 250px; left: 250px; -webkit-animation-delay: -997.8214886980224s"> </li> <li style="top: 250px; left: 275px; -webkit-animation-delay: -997.7611609377235s"> </li> <li style="top: 250px; left: 300px; -webkit-animation-delay: -997.6982917206823s"> </li> <li style="top: 250px; left: 325px; -webkit-animation-delay: -997.6332317110953s"> </li> <li style="top: 250px; left: 350px; -webkit-animation-delay: -997.5662791221596s"> </li> <li style="top: 250px; left: 375px; -webkit-animation-delay: -997.4976869685566s"> </li> <li style="top: 250px; left: 400px; -webkit-animation-delay: -997.4276698113239s"> </li> <li style="top: 250px; left: 425px; -webkit-animation-delay: -997.3564097563903s"> </li> <li style="top: 250px; left: 450px; -webkit-animation-delay: -997.2840616431688s"> </li> <li style="top: 250px; left: 475px; -webkit-animation-delay: -997.210757453868s"> </li> <li style="top: 250px; left: 500px; -webkit-animation-delay: -997.1366100187502s"> </li> <li style="top: 250px; left: 525px; -webkit-animation-delay: -997.0617161083978s"> </li> <li style="top: 250px; left: 550px; -webkit-animation-delay: -996.9861590044009s"> </li> <li style="top: 250px; left: 575px; -webkit-animation-delay: -996.9100106326692s"> </li> <li style="top: 250px; left: 600px; -webkit-animation-delay: -996.8333333333334s"> </li> <li style="top: 250px; left: 625px; -webkit-animation-delay: -996.7561813303606s"> </li> <li style="top: 250px; left: 650px; -webkit-animation-delay: -996.6786019538026s"> </li> <li style="top: 250px; left: 675px; -webkit-animation-delay: -996.6006366585186s"> </li> <li style="top: 250px; left: 700px; -webkit-animation-delay: -996.5223218754469s"> </li> <li style="top: 250px; left: 725px; -webkit-animation-delay: -996.4436897249703s"> </li> <li style="top: 250px; left: 750px; -webkit-animation-delay: -996.3647686165264s"> </li> <li style="top: 250px; left: 775px; -webkit-animation-delay: -996.285583754183s"> </li> <li style="top: 250px; left: 800px; -webkit-animation-delay: -996.2061575642933s"> </li> <li style="top: 250px; left: 825px; -webkit-animation-delay: -996.1265100584055s"> </li> <li style="top: 250px; left: 850px; -webkit-animation-delay: -996.0466591422218s"> </li> <li style="top: 250px; left: 875px; -webkit-animation-delay: -995.9666208794664s"> </li> <li style="top: 250px; left: 900px; -webkit-animation-delay: -995.8864097179551s"> </li> <li style="top: 250px; left: 925px; -webkit-animation-delay: -995.8060386838772s"> </li> <li style="top: 250px; left: 950px; -webkit-animation-delay: -995.7255195492686s"> </li> <li style="top: 250px; left: 975px; -webkit-animation-delay: -995.6448629768005s"> </li> <li style="top: 275px; left: 0px; -webkit-animation-delay: -998.0833333333334s"> </li> <li style="top: 275px; left: 25px; -webkit-animation-delay: -998.0795532485678s"> </li> <li style="top: 275px; left: 50px; -webkit-animation-delay: -998.0683050093751s"> </li> <li style="top: 275px; left: 75px; -webkit-animation-delay: -998.0498538124174s"> </li> <li style="top: 275px; left: 100px; -webkit-animation-delay: -998.0246083407734s"> </li> <li style="top: 275px; left: 125px; -webkit-animation-delay: -997.9930795022004s"> </li> <li style="top: 275px; left: 150px; -webkit-animation-delay: -997.9558363261549s"> </li> <li style="top: 275px; left: 175px; -webkit-animation-delay: -997.9134662657996s"> </li> <li style="top: 275px; left: 200px; -webkit-animation-delay: -997.8665441242721s"> </li> <li style="top: 275px; left: 225px; -webkit-animation-delay: -997.815610799704s"> </li> <li style="top: 275px; left: 250px; -webkit-animation-delay: -997.7611609377235s"> </li> <li style="top: 275px; left: 275px; -webkit-animation-delay: -997.7036375678247s"> </li> <li style="top: 275px; left: 300px; -webkit-animation-delay: -997.6434316169917s"> </li> <li style="top: 275px; left: 325px; -webkit-animation-delay: -997.5808844695061s"> </li> <li style="top: 275px; left: 350px; -webkit-animation-delay: -997.5162921821029s"> </li> <li style="top: 275px; left: 375px; -webkit-animation-delay: -997.4499103968551s"> </li> <li style="top: 275px; left: 400px; -webkit-animation-delay: -997.3819593467543s"> </li> <li style="top: 275px; left: 425px; -webkit-animation-delay: -997.3126286057236s"> </li> <li style="top: 275px; left: 450px; -webkit-animation-delay: -997.2420814075226s"> </li> <li style="top: 275px; left: 475px; -webkit-animation-delay: -997.1704584666584s"> </li> <li style="top: 275px; left: 500px; -webkit-animation-delay: -997.0978812982478s"> </li> <li style="top: 275px; left: 525px; -webkit-animation-delay: -997.024455068145s"> </li> <li style="top: 275px; left: 550px; -webkit-animation-delay: -996.9502710206252s"> </li> <li style="top: 275px; left: 575px; -webkit-animation-delay: -996.875408536003s"> </li> <li style="top: 275px; left: 600px; -webkit-animation-delay: -996.7999368695927s"> </li> <li style="top: 275px; left: 625px; -webkit-animation-delay: -996.7239166193754s"> </li> <li style="top: 275px; left: 650px; -webkit-animation-delay: -996.6474009644178s"> </li> <li style="top: 275px; left: 675px; -webkit-animation-delay: -996.5704367104811s"> </li> <li style="top: 275px; left: 700px; -webkit-animation-delay: -996.4930651739181s"> </li> <li style="top: 275px; left: 725px; -webkit-animation-delay: -996.4153229301215s"> </li> <li style="top: 275px; left: 750px; -webkit-animation-delay: -996.3372424485549s"> </li> <li style="top: 275px; left: 775px; -webkit-animation-delay: -996.2588526327669s"> </li> <li style="top: 275px; left: 800px; -webkit-animation-delay: -996.1801792807186s"> </li> <li style="top: 275px; left: 825px; -webkit-animation-delay: -996.101245478179s"> </li> <li style="top: 275px; left: 850px; -webkit-animation-delay: -996.0220719357991s"> </li> <li style="top: 275px; left: 875px; -webkit-animation-delay: -995.9426772786926s"> </li> <li style="top: 275px; left: 900px; -webkit-animation-delay: -995.8630782958802s"> </li> <li style="top: 275px; left: 925px; -webkit-animation-delay: -995.7832901557302s"> </li> <li style="top: 275px; left: 950px; -webkit-animation-delay: -995.7033265925246s"> </li> <li style="top: 275px; left: 975px; -webkit-animation-delay: -995.6232000684408s"> </li> <li style="top: 300px; left: 0px; -webkit-animation-delay: -998s"> </li> <li style="top: 300px; left: 25px; -webkit-animation-delay: -997.9965337851006s"> </li> <li style="top: 300px; left: 50px; -webkit-animation-delay: -997.9862062449503s"> </li> <li style="top: 300px; left: 75px; -webkit-animation-delay: -997.9692235935955s"> </li> <li style="top: 300px; left: 100px; -webkit-animation-delay: -997.9459074466106s"> </li> <li style="top: 300px; left: 125px; -webkit-animation-delay: -997.9166666666666s"> </li> <li style="top: 300px; left: 150px; -webkit-animation-delay: -997.8819660112501s"> </li> <li style="top: 300px; left: 175px; -webkit-animation-delay: -997.8422963342125s"> </li> <li style="top: 300px; left: 200px; -webkit-animation-delay: -997.7981495748453s"> </li> <li style="top: 300px; left: 225px; -webkit-animation-delay: -997.75s"> </li> <li style="top: 300px; left: 250px; -webkit-animation-delay: -997.6982917206823s"> </li> <li style="top: 300px; left: 275px; -webkit-animation-delay: -997.6434316169917s"> </li> <li style="top: 300px; left: 300px; -webkit-animation-delay: -997.5857864376269s"> </li> <li style="top: 300px; left: 325px; -webkit-animation-delay: -997.5256828322538s"> </li> <li style="top: 300px; left: 350px; -webkit-animation-delay: -997.4634092571179s"> </li> <li style="top: 300px; left: 375px; -webkit-animation-delay: -997.3992189406417s"> </li> <li style="top: 300px; left: 400px; -webkit-animation-delay: -997.3333333333334s"> </li> <li style="top: 300px; left: 425px; -webkit-animation-delay: -997.2659456627763s"> </li> <li style="top: 300px; left: 450px; -webkit-animation-delay: -997.197224362268s"> </li> <li style="top: 300px; left: 475px; -webkit-animation-delay: -997.1273162454796s"> </li> <li style="top: 300px; left: 500px; -webkit-animation-delay: -997.0563493683849s"> </li> <li style="top: 300px; left: 525px; -webkit-animation-delay: -996.9844355629253s"> </li> <li style="top: 300px; left: 550px; -webkit-animation-delay: -996.9116726523097s"> </li> <li style="top: 300px; left: 575px; -webkit-animation-delay: -996.8381463714878s"> </li> <li style="top: 300px; left: 600px; -webkit-animation-delay: -996.7639320225002s"> </li> <li style="top: 300px; left: 625px; -webkit-animation-delay: -996.689095896023s"> </li> <li style="top: 300px; left: 650px; -webkit-animation-delay: -996.6136964894539s"> </li> <li style="top: 300px; left: 675px; -webkit-animation-delay: -996.537785549551s"> </li> <li style="top: 300px; left: 700px; -webkit-animation-delay: -996.4614089647121s"> </li> <li style="top: 300px; left: 725px; -webkit-animation-delay: -996.3846075289208s"> </li> <li style="top: 300px; left: 750px; -webkit-animation-delay: -996.3074175964327s"> </li> <li style="top: 300px; left: 775px; -webkit-animation-delay: -996.2298716435675s"> </li> <li style="top: 300px; left: 800px; -webkit-animation-delay: -996.1519987515608s"> </li> <li style="top: 300px; left: 825px; -webkit-animation-delay: -996.0738250223201s"> </li> <li style="top: 300px; left: 850px; -webkit-animation-delay: -995.9953739371133s"> </li> <li style="top: 300px; left: 875px; -webkit-animation-delay: -995.9166666666666s"> </li> <li style="top: 300px; left: 900px; -webkit-animation-delay: -995.8377223398317s"> </li> <li style="top: 300px; left: 925px; -webkit-animation-delay: -995.7585582768705s"> </li> <li style="top: 300px; left: 950px; -webkit-animation-delay: -995.6791901924714s"> </li> <li style="top: 300px; left: 975px; -webkit-animation-delay: -995.5996323728161s"> </li> <li style="top: 325px; left: 0px; -webkit-animation-delay: -997.9166666666666s"> </li> <li style="top: 325px; left: 25px; -webkit-animation-delay: -997.9134662657996s"> </li> <li style="top: 325px; left: 50px; -webkit-animation-delay: -997.9039211301695s"> </li> <li style="top: 325px; left: 75px; -webkit-animation-delay: -997.8881946613228s"> </li> <li style="top: 325px; left: 100px; -webkit-animation-delay: -997.8665441242721s"> </li> <li style="top: 325px; left: 125px; -webkit-animation-delay: -997.8393009769013s"> </li> <li style="top: 325px; left: 150px; -webkit-animation-delay: -997.806848244727s"> </li> <li style="top: 325px; left: 175px; -webkit-animation-delay: -997.7695980783138s"> </li> <li style="top: 325px; left: 200px; -webkit-animation-delay: -997.7279718731272s"> </li> <li style="top: 325px; left: 225px; -webkit-animation-delay: -997.6823843082632s"> </li> <li style="top: 325px; left: 250px; -webkit-animation-delay: -997.6332317110953s"> </li> <li style="top: 325px; left: 275px; -webkit-animation-delay: -997.5808844695061s"> </li> <li style="top: 325px; left: 300px; -webkit-animation-delay: -997.5256828322538s"> </li> <li style="top: 325px; left: 325px; -webkit-animation-delay: -997.4679353074291s"> </li> <li style="top: 325px; left: 350px; -webkit-animation-delay: -997.4079189021214s"> </li> <li style="top: 325px; left: 375px; -webkit-animation-delay: -997.3458805632267s"> </li> <li style="top: 325px; left: 400px; -webkit-animation-delay: -997.2820393226593s"> </li> <li style="top: 325px; left: 425px; -webkit-animation-delay: -997.2165887867473s"> </li> <li style="top: 325px; left: 450px; -webkit-animation-delay: -997.1496997240688s"> </li> <li style="top: 325px; left: 475px; -webkit-animation-delay: -997.0815225944631s"> </li> <li style="top: 325px; left: 500px; -webkit-animation-delay: -997.0121899263539s"> </li> <li style="top: 325px; left: 525px; -webkit-animation-delay: -996.9418184941286s"> </li> <li style="top: 325px; left: 550px; -webkit-animation-delay: -996.8705112768032s"> </li> <li style="top: 325px; left: 575px; -webkit-animation-delay: -996.7983591977295s"> </li> <li style="top: 325px; left: 600px; -webkit-animation-delay: -996.7254426560073s"> </li> <li style="top: 325px; left: 625px; -webkit-animation-delay: -996.6518328660658s"> </li> <li style="top: 325px; left: 650px; -webkit-animation-delay: -996.5775930243752s"> </li> <li style="top: 325px; left: 675px; -webkit-animation-delay: -996.5027793227047s"> </li> <li style="top: 325px; left: 700px; -webkit-animation-delay: -996.4274418265945s"> </li> <li style="top: 325px; left: 725px; -webkit-animation-delay: -996.3516252363215s"> </li> <li style="top: 325px; left: 750px; -webkit-animation-delay: -996.2753695459547s"> </li> <li style="top: 325px; left: 775px; -webkit-animation-delay: -996.1987106143381s"> </li> <li style="top: 325px; left: 800px; -webkit-animation-delay: -996.1216806601383s"> </li> <li style="top: 325px; left: 825px; -webkit-animation-delay: -996.0443086915053s"> </li> <li style="top: 325px; left: 850px; -webkit-animation-delay: -995.9666208794664s"> </li> <li style="top: 325px; left: 875px; -webkit-animation-delay: -995.888640882901s"> </li> <li style="top: 325px; left: 900px; -webkit-animation-delay: -995.8103901318326s"> </li> <li style="top: 325px; left: 925px; -webkit-animation-delay: -995.7318880748121s"> </li> <li style="top: 325px; left: 950px; -webkit-animation-delay: -995.6531523953295s"> </li> <li style="top: 325px; left: 975px; -webkit-animation-delay: -995.5741992014842s"> </li> <li style="top: 350px; left: 0px; -webkit-animation-delay: -997.8333333333334s"> </li> <li style="top: 350px; left: 25px; -webkit-animation-delay: -997.8303609293652s"> </li> <li style="top: 350px; left: 50px; -webkit-animation-delay: -997.8214886980224s"> </li> <li style="top: 350px; left: 75px; -webkit-animation-delay: -997.806848244727s"> </li> <li style="top: 350px; left: 100px; -webkit-animation-delay: -997.7866483517865s"> </li> <li style="top: 350px; left: 125px; -webkit-animation-delay: -997.7611609377235s"> </li> <li style="top: 350px; left: 150px; -webkit-animation-delay: -997.730704482356s"> </li> <li style="top: 350px; left: 175px; -webkit-animation-delay: -997.6956270131251s"> </li> <li style="top: 350px; left: 200px; -webkit-animation-delay: -997.6562903752836s"> </li> <li style="top: 350px; left: 225px; -webkit-animation-delay: -997.6130569185756s"> </li> <li style="top: 350px; left: 250px; -webkit-animation-delay: -997.5662791221596s"> </li> <li style="top: 350px; left: 275px; -webkit-animation-delay: -997.5162921821029s"> </li> <li style="top: 350px; left: 300px; -webkit-animation-delay: -997.4634092571179s"> </li> <li style="top: 350px; left: 325px; -webkit-animation-delay: -997.4079189021214s"> </li> <li style="top: 350px; left: 350px; -webkit-animation-delay: -997.3500841772313s"> </li> <li style="top: 350px; left: 375px; -webkit-animation-delay: -997.2901429559431s"> </li> <li style="top: 350px; left: 400px; -webkit-animation-delay: -997.2283090312109s"> </li> <li style="top: 350px; left: 425px; -webkit-animation-delay: -997.1647737045379s"> </li> <li style="top: 350px; left: 450px; -webkit-animation-delay: -997.0997076248348s"> </li> <li style="top: 350px; left: 475px; -webkit-animation-delay: -997.0332627131323s"> </li> <li style="top: 350px; left: 500px; -webkit-animation-delay: -996.9655740640444s"> </li> <li style="top: 350px; left: 525px; -webkit-animation-delay: -996.8967617559794s"> </li> <li style="top: 350px; left: 550px; -webkit-animation-delay: -996.8269325315991s"> </li> <li style="top: 350px; left: 575px; -webkit-animation-delay: -996.7561813303606s"> </li> <li style="top: 350px; left: 600px; -webkit-animation-delay: -996.684592668425s"> </li> <li style="top: 350px; left: 625px; -webkit-animation-delay: -996.6122418696842s"> </li> <li style="top: 350px; left: 650px; -webkit-animation-delay: -996.5391961566278s"> </li> <li style="top: 350px; left: 675px; -webkit-animation-delay: -996.4655156123757s"> </li> <li style="top: 350px; left: 700px; -webkit-animation-delay: -996.3912540262503s"> </li> <li style="top: 350px; left: 725px; -webkit-animation-delay: -996.3164596353159s"> </li> <li style="top: 350px; left: 750px; -webkit-animation-delay: -996.2411757737922s"> </li> <li style="top: 350px; left: 775px; -webkit-animation-delay: -996.1654414413841s"> </li> <li style="top: 350px; left: 800px; -webkit-animation-delay: -996.0892918005711s"> </li> <li style="top: 350px; left: 825px; -webkit-animation-delay: -996.0127586118442s"> </li> <li style="top: 350px; left: 850px; -webkit-animation-delay: -995.9358706148583s"> </li> <li style="top: 350px; left: 875px; -webkit-animation-delay: -995.8586538625049s"> </li> <li style="top: 350px; left: 900px; -webkit-animation-delay: -995.7811320140287s"> </li> <li style="top: 350px; left: 925px; -webkit-animation-delay: -995.7033265925246s"> </li> <li style="top: 350px; left: 950px; -webkit-animation-delay: -995.6252572114472s"> </li> <li style="top: 350px; left: 975px; -webkit-animation-delay: -995.5469417741499s"> </li> <li style="top: 375px; left: 0px; -webkit-animation-delay: -997.75s"> </li> <li style="top: 375px; left: 25px; -webkit-animation-delay: -997.7472253018022s"> </li> <li style="top: 375px; left: 50px; -webkit-animation-delay: -997.7389378374648s"> </li> <li style="top: 375px; left: 75px; -webkit-animation-delay: -997.7252451216018s"> </li> <li style="top: 375px; left: 100px; -webkit-animation-delay: -997.7063187753116s"> </li> <li style="top: 375px; left: 125px; -webkit-animation-delay: -997.6823843082632s"> </li> <li style="top: 375px; left: 150px; -webkit-animation-delay: -997.6537087982164s"> </li> <li style="top: 375px; left: 175px; -webkit-animation-delay: -997.6205878868961s"> </li> <li style="top: 375px; left: 200px; -webkit-animation-delay: -997.5833333333334s"> </li> <li style="top: 375px; left: 225px; -webkit-animation-delay: -997.5422620262887s"> </li> <li style="top: 375px; left: 250px; -webkit-animation-delay: -997.4976869685566s"> </li> <li style="top: 375px; left: 275px; -webkit-animation-delay: -997.4499103968551s"> </li> <li style="top: 375px; left: 300px; -webkit-animation-delay: -997.3992189406417s"> </li> <li style="top: 375px; left: 325px; -webkit-animation-delay: -997.3458805632267s"> </li> <li style="top: 375px; left: 350px; -webkit-animation-delay: -997.2901429559431s"> </li> <li style="top: 375px; left: 375px; -webkit-animation-delay: -997.2322330470337s"> </li> <li style="top: 375px; left: 400px; -webkit-animation-delay: -997.1723573167116s"> </li> <li style="top: 375px; left: 425px; -webkit-animation-delay: -997.1107026585408s"> </li> <li style="top: 375px; left: 450px; -webkit-animation-delay: -997.0474375810234s"> </li> <li style="top: 375px; left: 475px; -webkit-animation-delay: -996.9827135938483s"> </li> <li style="top: 375px; left: 500px; -webkit-animation-delay: -996.9166666666666s"> </li> <li style="top: 375px; left: 525px; -webkit-animation-delay: -996.8494186832394s"> </li> <li style="top: 375px; left: 550px; -webkit-animation-delay: -996.7810788407176s"> </li> <li style="top: 375px; left: 575px; -webkit-animation-delay: -996.711744963709s"> </li> <li style="top: 375px; left: 600px; -webkit-animation-delay: -996.6415047169859s"> </li> <li style="top: 375px; left: 625px; -webkit-animation-delay: -996.5704367104811s"> </li> <li style="top: 375px; left: 650px; -webkit-animation-delay: -996.4986114966994s"> </li> <li style="top: 375px; left: 675px; -webkit-animation-delay: -996.4260924647532s"> </li> <li style="top: 375px; left: 700px; -webkit-animation-delay: -996.352936637622s"> </li> <li style="top: 375px; left: 725px; -webkit-animation-delay: -996.2791953804476s"> </li> <li style="top: 375px; left: 750px; -webkit-animation-delay: -996.2049150281252s"> </li> <li style="top: 375px; left: 775px; -webkit-animation-delay: -996.1301374403796s"> </li> <li style="top: 375px; left: 800px; -webkit-animation-delay: -996.0549004921546s"> </li> <li style="top: 375px; left: 825px; -webkit-animation-delay: -995.9792385066014s"> </li> <li style="top: 375px; left: 850px; -webkit-animation-delay: -995.903182637323s"> </li> <li style="top: 375px; left: 875px; -webkit-animation-delay: -995.8267612058901s"> </li> <li style="top: 375px; left: 900px; -webkit-animation-delay: -995.75s"> </li> <li style="top: 375px; left: 925px; -webkit-animation-delay: -995.6729225370539s"> </li> <li style="top: 375px; left: 950px; -webkit-animation-delay: -995.5955502973641s"> </li> <li style="top: 375px; left: 975px; -webkit-animation-delay: -995.5179029307039s"> </li> <li style="top: 400px; left: 0px; -webkit-animation-delay: -997.6666666666666s"> </li> <li style="top: 400px; left: 25px; -webkit-animation-delay: -997.6640650381765s"> </li> <li style="top: 400px; left: 50px; -webkit-animation-delay: -997.6562903752836s"> </li> <li style="top: 400px; left: 75px; -webkit-animation-delay: -997.6434316169917s"> </li> <li style="top: 400px; left: 100px; -webkit-animation-delay: -997.6256314581275s"> </li> <li style="top: 400px; left: 125px; -webkit-animation-delay: -997.6030787821467s"> </li> <li style="top: 400px; left: 150px; -webkit-animation-delay: -997.5759993757804s"> </li> <li style="top: 400px; left: 175px; -webkit-animation-delay: -997.5446459002856s"> </li> <li style="top: 400px; left: 200px; -webkit-animation-delay: -997.5092880150002s"> </li> <li style="top: 400px; left: 225px; -webkit-animation-delay: -997.4702033541096s"> </li> <li style="top: 400px; left: 250px; -webkit-animation-delay: -997.4276698113239s"> </li> <li style="top: 400px; left: 275px; -webkit-animation-delay: -997.3819593467543s"> </li> <li style="top: 400px; left: 300px; -webkit-animation-delay: -997.3333333333334s"> </li> <li style="top: 400px; left: 325px; -webkit-animation-delay: -997.2820393226593s"> </li> <li style="top: 400px; left: 350px; -webkit-animation-delay: -997.2283090312109s"> </li> <li style="top: 400px; left: 375px; -webkit-animation-delay: -997.1723573167116s"> </li> <li style="top: 400px; left: 400px; -webkit-animation-delay: -997.1143819168359s"> </li> <li style="top: 400px; left: 425px; -webkit-animation-delay: -997.0545637450118s"> </li> <li style="top: 400px; left: 450px; -webkit-animation-delay: -996.9930675702013s"> </li> <li style="top: 400px; left: 475px; -webkit-animation-delay: -996.9300429419376s"> </li> <li style="top: 400px; left: 500px; -webkit-animation-delay: -996.865625254189s"> </li> <li style="top: 400px; left: 525px; -webkit-animation-delay: -996.7999368695927s"> </li> <li style="top: 400px; left: 550px; -webkit-animation-delay: -996.733088248544s"> </li> <li style="top: 400px; left: 575px; -webkit-animation-delay: -996.6651790456464s"> </li> <li style="top: 400px; left: 600px; -webkit-animation-delay: -996.5962991496907s"> </li> <li style="top: 400px; left: 625px; -webkit-animation-delay: -996.5265296533906s"> </li> <li style="top: 400px; left: 650px; -webkit-animation-delay: -996.4559437462543s"> </li> <li style="top: 400px; left: 675px; -webkit-animation-delay: -996.3846075289208s"> </li> <li style="top: 400px; left: 700px; -webkit-animation-delay: -996.3125807505671s"> </li> <li style="top: 400px; left: 725px; -webkit-animation-delay: -996.2399174730534s"> </li> <li style="top: 400px; left: 750px; -webkit-animation-delay: -996.1666666666666s"> </li> <li style="top: 400px; left: 775px; -webkit-animation-delay: -996.0928727429146s"> </li> <li style="top: 400px; left: 800px; -webkit-animation-delay: -996.0185760300003s"> </li> <li style="top: 400px; left: 825px; -webkit-animation-delay: -995.9438131965179s"> </li> <li style="top: 400px; left: 850px; -webkit-animation-delay: -995.8686176286574s"> </li> <li style="top: 400px; left: 875px; -webkit-animation-delay: -995.793019765851s"> </li> <li style="top: 400px; left: 900px; -webkit-animation-delay: -995.7170473994013s"> </li> <li style="top: 400px; left: 925px; -webkit-animation-delay: -995.6407259382089s"> </li> <li style="top: 400px; left: 950px; -webkit-animation-delay: -995.5640786453187s"> </li> <li style="top: 400px; left: 975px; -webkit-animation-delay: -995.487126848607s"> </li> <li style="top: 425px; left: 0px; -webkit-animation-delay: -997.5833333333334s"> </li> <li style="top: 425px; left: 25px; -webkit-animation-delay: -997.5808844695061s"> </li> <li style="top: 425px; left: 50px; -webkit-animation-delay: -997.5735631026147s"> </li> <li style="top: 425px; left: 75px; -webkit-animation-delay: -997.561443624864s"> </li> <li style="top: 425px; left: 100px; -webkit-animation-delay: -997.5446459002856s"> </li> <li style="top: 425px; left: 125px; -webkit-animation-delay: -997.5233295711109s"> </li> <li style="top: 425px; left: 150px; -webkit-animation-delay: -997.4976869685566s"> </li> <li style="top: 425px; left: 175px; -webkit-animation-delay: -997.4679353074291s"> </li> <li style="top: 425px; left: 200px; -webkit-animation-delay: -997.4343088143287s"> </li> <li style="top: 425px; left: 225px; -webkit-animation-delay: -997.397051328194s"> </li> <li style="top: 425px; left: 250px; -webkit-animation-delay: -997.3564097563903s"> </li> <li style="top: 425px; left: 275px; -webkit-animation-delay: -997.3126286057236s"> </li> <li style="top: 425px; left: 300px; -webkit-animation-delay: -997.2659456627763s"> </li> <li style="top: 425px; left: 325px; -webkit-animation-delay: -997.2165887867473s"> </li> <li style="top: 425px; left: 350px; -webkit-animation-delay: -997.1647737045379s"> </li> <li style="top: 425px; left: 375px; -webkit-animation-delay: -997.1107026585408s"> </li> <li style="top: 425px; left: 400px; -webkit-animation-delay: -997.0545637450118s"> </li> <li style="top: 425px; left: 425px; -webkit-animation-delay: -996.9965307866381s"> </li> <li style="top: 425px; left: 450px; -webkit-animation-delay: -996.9367635994766s"> </li> <li style="top: 425px; left: 475px; -webkit-animation-delay: -996.875408536003s"> </li> <li style="top: 425px; left: 500px; -webkit-animation-delay: -996.8125992085988s"> </li> <li style="top: 425px; left: 525px; -webkit-animation-delay: -996.7484573189823s"> </li> <li style="top: 425px; left: 550px; -webkit-animation-delay: -996.6830935375904s"> </li> <li style="top: 425px; left: 575px; -webkit-animation-delay: -996.6166083923208s"> </li> <li style="top: 425px; left: 600px; -webkit-animation-delay: -996.5490931383579s"> </li> <li style="top: 425px; left: 625px; -webkit-animation-delay: -996.4806305903616s"> </li> <li style="top: 425px; left: 650px; -webkit-animation-delay: -996.4112959054985s"> </li> <li style="top: 425px; left: 675px; -webkit-animation-delay: -996.341157311076s"> </li> <li style="top: 425px; left: 700px; -webkit-animation-delay: -996.2702767743068s"> </li> <li style="top: 425px; left: 725px; -webkit-animation-delay: -996.1987106143381s"> </li> <li style="top: 425px; left: 750px; -webkit-animation-delay: -996.1265100584055s"> </li> <li style="top: 425px; left: 775px; -webkit-animation-delay: -996.053721745056s"> </li> <li style="top: 425px; left: 800px; -webkit-animation-delay: -995.9803881780011s"> </li> <li style="top: 425px; left: 825px; -webkit-animation-delay: -995.9065481344549s"> </li> <li style="top: 425px; left: 850px; -webkit-animation-delay: -995.8322370318753s"> </li> <li style="top: 425px; left: 875px; -webkit-animation-delay: -995.7574872569427s"> </li> <li style="top: 425px; left: 900px; -webkit-animation-delay: -995.6823284604343s"> </li> <li style="top: 425px; left: 925px; -webkit-animation-delay: -995.6067878214163s"> </li> <li style="top: 425px; left: 950px; -webkit-animation-delay: -995.5308902839168s"> </li> <li style="top: 425px; left: 975px; -webkit-animation-delay: -995.4546587689696s"> </li>
</ul> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Dot Ripple CSS - Script Codes CSS Codes

body { background: #fff;
}
li { -webkit-animation: orbit 1s linear infinite; animation: orbit 1s linear infinite; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #000; border-radius: 100%; height: 10px; left: 0; position: absolute; top: 0; -webkit-transform-origin: 20px 20px; transform-origin: 20px 20px; width: 10px;
}
@-webkit-keyframes orbit { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes orbit { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

Home Page	Home
Developer	Peter Hrynkow
Username	peterhry
Uploaded	September 14, 2022
Rating	3
Size	9,856 Kb
Views	18,216

Do you need developer help for Dot Ripple CSS?

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!

Peter Hrynkow (peterhry) Script Codes

Name	Size
Simple scroll prompt	2,480 Kb
Source Order Switching	2,136 Kb
Hardward Accelerate Mask Reveal	2,083 Kb
CSS Button with Angled Sides	2,338 Kb
3D Axis Data Visualizer Thingy	2,847 Kb
Word Wrap Algorithm for Multiline Canvas Text	2,349 Kb
CircleType	3,535 Kb
T-Shape Visualization	3,883 Kb
Kris Kross Hamburger	2,517 Kb
Ripple Effect	242,119 Kb

Create amazing blog posts 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
Basic HTML5 Structure	YuvarajTana	1,289 Kb
Price table	Serluk	5,928 Kb
Z-index demo	Kblh	1,534 Kb
Emberjs Bootstrap Modal Carousel	Somethingkindawierd	4,233 Kb
JQuery Validate checkbox group	Lunaman	2,466 Kb
Blog Concept - Single Post	Marionebl	9,603 Kb
CSS Patterns	Alyda	3,953 Kb
Two column of responsive height	Fixie	2,908 Kb
CSS eye follow	Pedrocampos	2,592 Kb
Animated rainbow wave on canvas	Icodeforlove	2,777 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!