Is it possible to affect one element by another element? I want to move
border:solid red 5px;
<a href="#" class=link >CLICK ME</a>
It's possible using sibling/child selectors. The selector has to include the element you're taking action on.
When you click on
.link, you want
.box to move. They're next to each other, so you can use the adjacent sibling selector
.link:active + .box.
You can use transitions to animate the movement.