Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="resources/interest-button-styles.css">
<div class=example>
<button class=invoker>Button</button>
<span class=fake-interest-button></span>
</div>
<div class=example>
<a href=# class=invoker>Button</a>
<span class=fake-interest-button></span>
</div>
<div id=target></div>
<style>
.invoker {
anchor-name: --foo;
}
.fake-interest-button {
display: inline-block; /* Always show */
width: 50px;
height: 50px;
background-color: green;
position: absolute;
position-area: right;
position-anchor: --foo;
margin-left: 10px;
}
.example {
position: relative;
width: 400px;
height: 50px;
margin: 50px;
}
</style>