Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.tooltip { opacity: 0; pointer-events: none; transition: opacity 0.2s ease; } .trigger:hover .tooltip, .trigger:focus .tooltip { opacity: 1; pointer-events: auto; } /* Fade in on load */ .fade-in { animation: none; opacity: 0; transition: opacity 0.5s ease 0.1s; } .fade-in.visible { opacity: 1; }
Result
Open