JSFiddle - React, Tailwind, and code Playground

by Lucas Krause

HTML

This is a simple <a href="http://google.com">link</a> that will redirect you to <a href="http://google.com">http://google.com</a>.<br />If you wish to open <a href="http://google.com">Google</a> in a new tab you can use <a href="http://google.com" target="_blank">this link</a> or <a href="http://google.com" target="_new">this one</a> if you want to open google.com in a new window (if you don't block pop-ups in your browser settings).

CSS

a {
  color:green;
  text-decoration:underline;
}
a:hover {
  position:relative;
  overflow:visible;
  text-decoration:none;
}
a:hover::after {
  display:block;
  content:"";
  position:absolute;
  top:-3px;
  left:-3px;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:.27;
  padding:3px;
  border-radius:3px;
}