<a href="#">我是个超链接</a>
	a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-size: 32px;
	padding: 5px 10px;
}
a::before, a::after { 
	content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
a::before { 
  left: 0;
}
a::after { 
  right: 0;
}

a:hover::before, a:hover::after { 
  position: absolute;
}
a:hover::before { content: "\5B"; left: -20px; }
a:hover::after { content: "\5D"; right:  -20px; }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.