/*
 * Copyright 2024 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

div {
    position: absolute;
    width: 10px;
    height: 10px;
}

.parent {
    view-transition-name: parent;
    top: 0;
    left: 0;
}

.child {
    view-transition-name: child;
    top: 5px;
    left: 5px;
}

.semi-transparent {
    opacity: 0.5;
}

.green {
    background: green;
}