crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> .btn { padding:10px; background-color:#007bff; border:none; color:white; } </style> </head> <body> <h1>JavaScript on mouse leave</h1> <p id="paragraph">this text will be hidden after mouse leave</p> <button class="btn" id="btn" onmouseleave="document.getElementById('paragraph').style.visibility= 'hidden'">Enter mouse pointer</button> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KIC5idG4NCiB7DQogICBwYWRkaW5nOjEwcHg7DQogICBiYWNrZ3JvdW5kLWNvbG9yOiMwMDdiZmY7DQogICBib3JkZXI6bm9uZTsNCiAgIGNvbG9yOndoaXRlOw0KIH0NCjwvc3R5bGU+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA6Oi13ZWJraXQtc2Nyb2xsYmFye3dpZHRoOjdweDtoZWlnaHQ6N3B4O306Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNre2JhY2tncm91bmQ6I2ZmZjt9Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYntib3JkZXItcmFkaXVzOjVweDtiYWNrZ3JvdW5kOiMyZjQ1ZmY7fTwvc3R5bGU+PC9oZWFkPg0KPGJvZHk+DQo8aDE+SmF2YVNjcmlwdCBvbiBtb3VzZSBsZWF2ZTwvaDE+DQo8cCBpZD0icGFyYWdyYXBoIj50aGlzIHRleHQgd2lsbCBiZSBoaWRkZW4gYWZ0ZXIgbW91c2UgbGVhdmU8L3A+DQo8YnV0dG9uIGNsYXNzPSJidG4iIGlkPSJidG4iIG9ubW91c2VsZWF2ZT0iZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3BhcmFncmFwaCcpLnN0eWxlLnZpc2liaWxpdHk9ICdoaWRkZW4nIj5FbnRlciBtb3VzZSBwb2ludGVyPC9idXR0b24+DQo8L2JvZHk+DQo8L2h0bWw+