JSFiddle - React, Tailwind, and code Playground

by philippkuehn

HTML

<p>
    <a href="http://www.google.de" target="_blank">Link zu Google</a>
    <span>Hier ist noch mehr beim Hover</span>
</p>

CSS

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

body {
    padding: 20%;
    font-family: arial;
}

a {
    display: block;
    padding: 10px;
    color: #fff;
    background-color: #333;
    text-decoration: none;
    text-align: center;
}

a:hover {
    background-color: #ff0000;
}

p span {
    padding: 20px 0;
    text-align: center;
    display: none;
}

p:hover span {
    display: block;
}