JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<span id="link">FdW</span>

CSS

#link{	
	background-color: green;
	color: white;
	padding: 1% 2%;
	border: .1rem white solid;
}

#link:hover{
	cursor: pointer;
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
}

#link:active{
	filter: brightness(1.7);
	-webkit-filter: brightness(1.7);
	-moz-filter: brightness(1.7);
	-o-filter: brightness(1.7);	
}

JavaScript

$("#link").on("click", function(){
	$(location).attr("href", "http://www.forosdelweb.com");
});