Only CSS: Blue Warp

1<div id="ui"><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div><div class="gate"></div></div>