Hungrig? Svårt att välja lunchställe? Fyll i en adress och pröva din lycka på lunchhjulet.

Lunchhjulet är ett litet experiment i CSS3. Alla effekter och animeringar är gjorda hjälp av transform, transition och animate - javascript används bara för eventhantering. Lunchhjulet fungerar givetvis bara i webbläsare som stödjer transform, transition och animate - vilket betyder Safari 3.2+ och Chrome 1.0+. Firefox 4 stödjer transform och transition men animate kommer inte förrän v5. IE9 stödjer transform men inte transition eller animate. Har inte provat i Opera, men det verkar inte som det går att göra en transition på rotate än. Givetvis går det att komma runt begränsningarna med javascript, men målet är inte att bygga en sida som fungerar för alla - målet är att prova var gränserna går för nya webbläsare. Google Maps API används för geocodning av adresser och restaurangerna hämtas från Allakartors restaurang-API. Smaklig måltid! /Marcus