CodePen Embed - tooltip

<!DOCTYPE html>  
<html>  
<head>  
<style>  
  body{  
    text-align:center;  
    }  
  h2{  
    display: none;  
    background-color: red;  
    color:white;  
    padding: 20px;  
    }  
  div{  
    font-size:40px;  
    }  
  div:hover h2 {  
    display: block;  
    }  
</style>  
</head>  
<body>  
    <h1> Gerakkan mouse Anda ke teks di bawah ini untuk melihat efeknya</h1>   
    <div>Halo dunia  
    <h2>Selamat datang di Mbah WP</h2>  
    </div>  
  
</body>  
</html>

This Pen is owned by Herbert on CodePen.

See more by @hervansin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.