HKN

html knowhow

Bei hover Tipp anzeigen










Bei hover Tipp anzeigen

So sieht´s aus

Willst du wissen, was dahinter steht? K U C K U C K!


Quellcode
<html>
<head>

<style type="text/css">
.tool {display: inline-table; color: black;}
.tip {display: None;}
span.tool:hover span.tip {display: Inline-Block; display: Table-Caption; position: Absolute; z-index: 10000; background-color: transparent;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); padding: 4px; border-radius: 2px; font-family: Arial, Sans-Serif; font-weight:bold; font-size: 3em; color: #F82121;}
</style>
<head>

<body >
<p>
<span class="tool">Willst du wissen, was dahinter steht? <span class="tip">K U C K U C K!</span></span>
</p>

</body>
</html>














Kontakt    Datenschutz   Impressum