Material Design Lite - Tooltips
home
Run
screen_rotation
fullscreen
cloud_download
navigate_before
navigate_next
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body style="padding:80px"> <a href="#" id="large-demo" >Tooltip With Image</a> <span for="large-demo" class="mdl-tooltip"> <img src="http://tutorialsplane.com/wp-content/uploads/2016/08/watermelon-1590125_960_720.png" alt="" style='width:100%;height:100px;' class="alignnone size-full wp-image-8295" /> This is image demo. </span> </body> </html>
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body style="padding:80px"> <a href="#" id="large-demo" >Tooltip With Image</a> <span for="large-demo" class="mdl-tooltip"> <img src="http://tutorialsplane.com/wp-content/uploads/2016/08/watermelon-1590125_960_720.png" alt="" style='width:100%;height:100px;' class="alignnone size-full wp-image-8295" /> This is image demo. </span> </body> </html>
Copyrights@tutorialsplane.com