/* Copyright (c) 2011 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */ .tile-page { margin-top: 50px; text-align: center; width: 100%; } .tile-page-title { display: inline-block; font-size: 25px; height: 50px; opacity: 0.3; } .tile-grid { height: 100%; position: relative; width: 100%; } .tile { display: inline-block; position: absolute; /* Animate effects to/from the grabbed state, and the position when drop is cancelled. I'd like to also animate movement when an app is re-positioned, but since chrome is doing the layout there is no property to animate. */ -webkit-transition: -webkit-transform, opacity; -webkit-transition-duration: 200ms; /* Don't offer the context menu on long-press. */ -webkit-touch-callout: none; } .resizing-tile-page .tile { -webkit-transition: left 200ms, top 200ms; }