Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html>
<title>View transitions: inline with offset from containing block (ref)</title>
<link rel="author" href="mailto:khushalsagar@chromium.org">
<style>
.outer {
transform: scale(2);
width: 100vw;
text-align: center;
}
.inner {
transform: translate(10px);
padding: 10px;
border: 10px solid black;
}
body {
background: pink;
}
</style>
<div class="outer">
<a class="inner">Some text</a>
</div>